.ripple-effect{position:absolute;border-radius:50%;pointer-events:none;background-color:rgba(0,0,0,.5);animation:ripple-animation .5s ease-out forwards;will-change:transform,opacity;top:var(--ripple-top,0);left:var(--ripple-left,0);width:var(--ripple-width,0);height:var(--ripple-height,0)}@keyframes ripple-animation{0%{transform:scale(0);opacity:.4}99%{transform:scale(2.5);opacity:.0001}to{transform:scale(2.5);opacity:0;visibility:hidden}}