@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform:rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotate-center {
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;
}
.rotate-center-infinite {
    -webkit-animation: rotate-center 0.6s ease-in-out infinite both;
    animation: rotate-center 0.6s ease-in-out infinite both;
}












@keyframes vibrate {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        -webkit-transform: translate(-4px,4px);
        transform: translate(-4px,4px);
    }
    40% {
        -webkit-transform: translate(-4px,-4px);
        transform: translate(-4px,-4px);
    }
    60% {
        -webkit-transform: translate(4px,4px);
        transform: translate(2px,2px);
    }
    80% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

}

.btn-custom:active, .cart-btn:active
{
    -webkit-animation: vibrate 0.1s linear both;
    animation: vibrate 0.1s ease-in-out linear both;
}