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