@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgb(255 255 255);
    }

    20% {
        box-shadow: 0 0 0 0px rgb(255 255 255);
    }

    100% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}

@keyframes shadow-pulse-theme {
    0% {
        box-shadow: 0 0 0 0px var(--btn-animated-color);
    }

    20% {
        box-shadow: 0 0 0 0px var(--btn-animated-color);
    }

    100% {
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);
    }
}

@keyframes shine {
    0% {
        left: -100px;
    }

    60% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

.form-messages.ripple-animate {
    animation: ripple-fade 0.5s cubic-bezier(0.4,0,0.2,1);
}
@keyframes ripple-fade {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb),0.3), 0 0 0 0 rgba(var(--bs-primary-rgb),0.2);
        transform: scale(1.02);
    }
    60% {
        box-shadow: 0 0 0 8px rgba(var(--bs-primary-rgb),0.1), 0 0 0 16px rgba(var(--bs-primary-rgb),0.05);
        transform: scale(1.04);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb),0);
        transform: scale(1);
    }
}