@layer components{.ripple{pointer-events:none;z-index:1;opacity:0;background-color:#0000001a;border-radius:50%;transition:transform 50ms linear;position:absolute}.ripple-enter{animation:.25s ease-out forwards ripple-enter}.ripple-leave{animation:.25s ease-out forwards ripple-leave}@keyframes ripple-enter{0%{opacity:1;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ripple-leave{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(0)}}}