@keyframes ripple{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1.4);opacity:0}}.ripple-circle:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--ripple-color);border-radius:50%;animation:ripple 1.5s linear infinite}