/* Basic button styling */
.pulsingButton {
    box-shadow: 0 0 0 0 rgba(253, 218, 95, 1);
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    transition: all 300ms ease-in-out;
}

.pulsingButton.border-danger {
    box-shadow: 0 0 0 0 rgb(241, 0, 0);
    -webkit-animation: pulsing-danger 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing-danger 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing-danger 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing-danger 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

/* Animation for default state */
@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(253, 218, 95, 0);
    }
}

/* Animation for danger state */
@keyframes pulsing-danger {
    to {
        box-shadow: 0 0 0 15px rgba(241, 0, 0, 0) ;
    }
}

/* Vendor prefixes for danger animation */
@-webkit-keyframes pulsing-danger {
    to { box-shadow: 0 0 0 10px rgba(241, 0, 0, 0); }
}
@-moz-keyframes pulsing-danger {
    to { box-shadow: 0 0 0 10px rgba(241, 0, 0, 0); }
}
@-ms-keyframes pulsing-danger {
    to { box-shadow: 0 0 0 10px rgba(241, 0, 0, 0); }
}