@layer ui {
    span.ripple {
        position: absolute;
        border-radius: 50%;
        transform: scale(0);
        background-color: var(--ripple-color, var(--focus-ring-color, white));
        opacity: var(--ripple-opacity, 0.4);
        pointer-events: none;
    }

    .ripple-container {
        position: relative;
        overflow: hidden;
        pointer-events: none;
    }

    .ripple-target {
        zoom: 1;
    }
}