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