@keyframes ripple-effect{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:inherit;pointer-events:none}.ripple{position:absolute;border-radius:50%;background-color:var(--ripple-color, rgba(0, 0, 0, .12));transform:scale(0);animation:ripple-effect .5s linear}