@keyframes btn-glow{0%{background-position:0 100%}to{background-position:0 300%}}.btn{position:relative}.btn__inner{padding:1px;position:relative;z-index:2;display:block;overflow:hidden;border-radius:inherit}.btn__inner:before{position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:1;display:block;animation:btn-glow 5s infinite linear;background:linear-gradient(20deg,#7e22ce,#e65cdc20 16.5%,#cd84fe,#cd84fe20,#7e22ce 66%,#7e22ce60 85.5%,#e65cdc) 0 100%/100% 200%;border-radius:inherit;filter:blur(5px);mix-blend-mode:overlay;opacity:0;transition:opacity .2s linear .1s;content:""}.btn__background{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;border-radius:inherit}.btn__background:before,.btn__background:after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;content:""}.btn__background:before{transition:background .3s linear 0s}.btn__background:after{animation:btn-glow 5s infinite linear;background:linear-gradient(-20deg,#8826de,#8826de20 16.5%,#8826de,#8826de10,#8826de 66%,#8826de00 85.5%,#8826de) 0 100%/100% 200%;filter:blur(5px);opacity:0;transition:opacity 0s linear 0s}.btn:hover .btn__background:before{--tw-bg-opacity: 1 !important;background-color:rgb(107 33 168 / var(--tw-bg-opacity))!important;transition:background .07s linear}.btn:hover .btn__background:after{opacity:1;transition:opacity .4s cubic-bezier(.55,.085,.68,.53) 0s}.btn:hover .btn__inner:before{opacity:.5}@keyframes noise-background{0%{transform:translateZ(0)}20%{transform:translate3d(50px,30px,0)}40%{transform:translate3d(10px,50px,0)}60%{transform:translate3d(30px,20px,0)}80%{transform:translate3d(50px,0,0)}to{transform:translate3d(100px,0,0)}}