@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes bellRing{0%{transform:rotate(0)}5%{transform:rotate(-10deg)}10%{transform:rotate(10deg)}15%{transform:rotate(-10deg)}20%{transform:rotate(0)}25%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}35%{transform:rotate(-10deg)}40%{transform:rotate(0)}40%,to{transform:rotate(0)}}.animate-fadeIn{animation:.3s ease-out fadeIn}.animate-slideDown{animation:.4s ease-out slideDown}.bell-ring{transform-origin:top;animation:3s ease-in-out infinite bellRing}
.btn-hologram{z-index:1;transition:all .3s;position:relative;overflow:hidden}.btn-hologram:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-hologram:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#ff006e 0%,#8338ec 20%,#3a86ff 40%,#06ffa5 60%,#ffbe0b 80%,#ff006e 100%) 0 0/200% 200%;transition:opacity .3s;position:absolute;inset:0}.btn-hologram:hover{color:#fff;box-shadow:0 4px 20px #8338ec66}.btn-hologram:hover:after{opacity:1;animation:4s ease-in-out infinite hologram-shift}.btn-hologram:hover:before{left:100%}.btn-hologram:disabled,.btn-hologram:disabled:hover{box-shadow:none!important;animation:none!important}.btn-hologram:disabled:before,.btn-hologram:disabled:after{display:none}.btn-rainbow-glow{animation:3s ease-in-out infinite rainbow-glow;position:relative;box-shadow:0 0 10px #ff006e80,0 0 20px #8338ec66,0 0 30px #3a86ff4d}.btn-rainbow-glow:hover{box-shadow:0 0 15px #ff006e99,0 0 25px #8338ec80,0 0 35px #3a86ff66,0 0 45px #06ffa54d}@keyframes rainbow-glow{0%,to{box-shadow:0 0 10px #ff006e80,0 0 20px #8338ec66,0 0 30px #3a86ff4d}50%{box-shadow:0 0 15px #06ffa580,0 0 25px #ffbe0b66,0 0 35px #ff006e4d}}