.ripple-effect-ripple{position:absolute;background:radial-gradient(circle,var(--color-gray-7) 0,var(--color-gray-7) 70%,rgba(235,235,235,.5) 85%,transparent 100%);transform:scale(0);transform-origin:center;border-radius:50%;animation:ripple-effect-wave .7s ease-out forwards;pointer-events:none;z-index:0}@keyframes ripple-effect-wave{0%{transform:scale(0);opacity:1}20%{opacity:.9}50%{opacity:.6}80%{opacity:.2}to{transform:scale(1);opacity:0}}