/**
 * BrightAster Website
 *
 * @file press-effect.css
 * @description Reusable and simple press effect for clickable elements.
 * @version 5.1 (Text Shift Fix)
 */

/* Add this class to any element you want the press effect on */
.ripple-effect {
    /* A short transition for a snappy feel */
    transition: transform 0.1s ease-out;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

/* When the element is clicked or tapped */
.ripple-effect:active {
    /* Only move it down 1px to simulate a press, without scaling */
    transform: translateY(1px);
}