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