.animate{
    -webkit-animation: fadeAnimation 3s;
}

@-webkit-keyframes fadeAnimation {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

/* Check all buttons */
.btn-price {
    color: var(--noactive-bg-color);
    background: transparent none;
    border: 1px solid var(--noactive-bg-color);
}

.btn-price:hover {
    color: #fff;
    background-color: var(--active-bg-color);
    border: 1px solid var(--active-bg-color);
}

.btn-price:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: var(--noactive-bg-color);
    border-color: var(--noactive-bg-color);
}

.btn-price.focus, .btn-price:focus, .btn-price:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    border: 0;
    background-color: var(--active-bg-color);
    box-shadow: 0 0 0 0.1rem var(--active-bg-color);
}