.ripple {
    position: relative;
    overflow: hidden;
    --ripple-duration: 500;
    --ripple-theme-light: rgba(255, 255, 255, 0.5);
    --ripple-theme-dark: rgba(0, 0, 0, 0.3);
    --ripple-ease: linear;
}

.ripple-inner {
    border-radius: 100%;
    position: absolute;
}

@keyframes ripple-scale {
    from {
        transform: scale(0);
        /*     opacity: 1; */
    }
    to {
        transform: scale(1);
        /*     opacity: 0; */
    }
}