.ripple { position: absolute; border-radius: 50%; transform: scale(0); opacity: 0.2; animation: ripple-effect 0.8s linear; background-color: currentColor; } @keyframes ripple-effect { to { transform: scale(4); opacity: 0; } }