#btnKontraksi {
    transition: all 0.2s ease;
}
#btnKontraksi:active {
    transform: scale(0.97);
}
#btnKontraksi.sedang-berlangsung {
    background: #636e72 !important;
    border-color: #636e72 !important;
    animation: pulse-btn 1.5s infinite;
}
@keyframes pulse-btn {
    0% {
        box-shadow: 0 0 0 0 rgba(99, 110, 114, 0.5);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(99, 110, 114, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(99, 110, 114, 0);
    }
}
#btnKontraksi.siaga {
    animation: pulse-red 1.2s infinite;
}
@keyframes pulse-red {
    0% {
        box-shadow: 0 0 0 0 rgba(214, 48, 49, 0.5);
    }
    70% {
        box-shadow: 0 0 0 14px rgba(214, 48, 49, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(214, 48, 49, 0);
    }
}