.ripple {
    user-select:none;
    transition: transform 0.2s ease;
    /* Smooth transition */
}

    .ripple:active {
        animation: scale-down 0.2s forwards;
        /* Scale up when clicked */
    }


@keyframes scale-down {
    0% {
        transform: scale(1);
        /* Original size */
    }

    50% {
        transform: scale(0.9);
        /* Scaled up */
    }

    100% {
        transform: scale(1);
        /* Back to original size */
    }
}