.ripple-button{color:#fff;cursor:pointer;background:linear-gradient(42deg,#fcb045,#fd1d1d,#7900c9);border:none;border-radius:30px;padding:12px 24px;font-size:1rem;position:relative;overflow:hidden}.ripple-button:after{content:"";opacity:0;pointer-events:none;background:rgba(255,255,255,.4);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.ripple-button:hover:after{animation:.6s ease-out ripple}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(20)}}