.btn--ripple .ripple-span{position:absolute;border-radius:50%;animation:ripple 1s linear;transform:translate(-50%,-50%);pointer-events:none}.btn--gradient{background-size:400%}.btn--gradient:hover{animation:grad 6s linear infinite}.btn--neon{text-shadow:0 0 5px,0 0 10px,0 0 20px;position:relative;overflow:hidden;background:linear-gradient(45deg,#5b5aa7,#2eb5d4)}.btn--neon:hover{color:#000;box-shadow:0 0 10px,0 0 20px,0 0 40px}.btn--neon span{position:absolute;background:linear-gradient(180deg,transparent,)}.btn--neon span:nth-child(1){top:0;left:0;width:100%;height:3px;animation:borderAnimation1 1s linear infinite}.btn--neon span:nth-child(2){top:0;right:0;width:3px;height:100%;animation:borderAnimation2 1s linear infinite;animation-delay:.25s}.btn--neon span:nth-child(3){bottom:0;left:0;width:100%;height:3px;animation:borderAnimation3 1s linear infinite;animation-delay:.5s}.btn--neon span:nth-child(4){top:0;left:0;width:3px;height:100%;animation:borderAnimation4 1s linear infinite;animation-delay:.75s}.btn--liquid{position:relative;overflow:hidden}.btn--liquid span{position:relative;z-index:1}.btn--liquid::before{content:"";position:absolute;inset:0;opacity:.6;border-radius:50%;animation:liquidMove 10s linear infinite}.btn--hoverEffect{position:relative;z-index:1}.btn--hoverEffect::before,.btn--hoverEffect::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;transition:transform .5s;z-index:-1}.btn--hoverEffect::before{transform:scale(0);transform-origin:bottom right}.btn--hoverEffect::after{background:0 0;border:2px solid;transform:scale(1);transform-origin:top left}.btn--hoverEffect:hover::before{transform:scale(1);transform-origin:top left}.btn--hoverEffect:hover::after{transform:scale(0);transform-origin:top left}.btn--hoverEffect2{position:relative}.btn--hoverEffect2::before{content:"";position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;transition:.5s all ease;border-radius:5px}.btn--hoverEffect2:hover::before{left:0;right:0;opacity:1;z-index:-1}.btn--hoverEffect2:hover{color:#fff}.btn--hoverEffect3{position:relative;overflow:hidden;border-radius:5px}.btn--hoverEffect3::before{content:"";position:absolute;top:0;left:0;width:101%;height:101%;clip-path:polygon(0 0,100% 0,10% 25%,0 100%);transition:.3s cubic-bezier(.38,1.15,.7,1.12);z-index:-1}.btn--hoverEffect3:hover::before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.btn--hoverEffect3:hover{color:#fff}