.loginAnim{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;border-style:none;padding:1.75rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:all;transition-timing-function:ease;transition-duration:.25s}.loginAnim:before{position:absolute;left:-50%;top:-50%;z-index:-2;height:200%;width:200%}@keyframes rotate{to{content:var(--tw-content);transform:rotate(1turn)}}.loginAnim:before{animation:rotate 1s linear infinite;background-image:linear-gradient(#0396a6,#0396a6),linear-gradient(#76c2de,#76c2de);background-size:50% 50%,50% 50%;background-repeat:no-repeat;--tw-content:""}.loginAnim:after,.loginAnim:before{--tw-bg-opacity:1;background-color:rgb(3 150 166/var(--tw-bg-opacity));content:var(--tw-content)}.loginAnim:after{position:absolute;left:.375rem;top:.375rem;z-index:-1;height:calc(100% - 12px);width:calc(100% - 12px);border-radius:6px;--tw-shadow:0 0 0 2px #0396a6;--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);--tw-content:""}.loginAnim:after,.loginAnim:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.loginAnim:hover{--tw-shadow:0 0 5px #87c9e2,0 0 25px #0396a6,0 0 60px #76c2de;--tw-shadow-colored:0 0 5px var(--tw-shadow-color),0 0 25px var(--tw-shadow-color),0 0 60px var(--tw-shadow-color)}.loginAnim:before{background-position:0 0,100% 0,100% 100%,0 100%}