.uiverse{--duration:7s;--easing:linear;--c-color-1:#06c996cc;--c-color-2:#27b5e5e6;--c-color-3:#06c996e6;--c-color-4:#27b5e5cc;--c-shadow:#06c99680;--c-shadow-inset-top:#27b5e5b3;--c-shadow-inset-bottom:#06c99699;--c-radial-inner:#06c996;--c-radial-outer:#27b5e5;--c-color:#fff;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;cursor:pointer;text-align:center;letter-spacing:.02em;color:var(--c-color);box-shadow:0 0 14px var(--c-shadow);border:none;border-radius:24px;outline:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;display:flex;position:relative;overflow:hidden}.uiverse:before{content:"";pointer-events:none;z-index:3;box-shadow:inset 0 3px 12px var(--c-shadow-inset-top),inset 0 -3px 4px var(--c-shadow-inset-bottom);border-radius:24px;position:absolute;inset:0}.uiverse .wrapper{border-radius:24px;justify-content:center;align-items:center;width:100%;min-width:132px;height:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.uiverse .wrapper span{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.uiverse:hover{--duration:1.4s}.uiverse .wrapper .circle{width:70px;height:70px;filter:blur(var(--blur,8px));background:var(--background,transparent);transform:translate(var(--x,0),var(--y,0))translateZ(0);animation:var(--animation,none)var(--duration)var(--easing)infinite;border-radius:50%;position:absolute;top:0;left:0}.uiverse .wrapper .circle.circle-1,.uiverse .wrapper .circle.circle-9,.uiverse .wrapper .circle.circle-10{--background:var(--c-color-4)}.uiverse .wrapper .circle.circle-3,.uiverse .wrapper .circle.circle-4{--background:var(--c-color-2);--blur:14px}.uiverse .wrapper .circle.circle-5,.uiverse .wrapper .circle.circle-6{--background:var(--c-color-3);--blur:16px}.uiverse .wrapper .circle.circle-2,.uiverse .wrapper .circle.circle-7,.uiverse .wrapper .circle.circle-8,.uiverse .wrapper .circle.circle-11,.uiverse .wrapper .circle.circle-12{--background:var(--c-color-1);--blur:12px}.uiverse .wrapper .circle.circle-1{--x:0;--y:-20px;--animation:circle-1}.uiverse .wrapper .circle.circle-2{--x:120px;--y:8px;--animation:circle-2}.uiverse .wrapper .circle.circle-3{--x:-12px;--y:20px;--animation:circle-3}.uiverse .wrapper .circle.circle-4{--x:100px;--y:-12px;--animation:circle-4}.uiverse .wrapper .circle.circle-5{--x:50px;--y:-4px;--animation:circle-5}.uiverse .wrapper .circle.circle-6{--x:180px;--y:16px;--animation:circle-6}.uiverse .wrapper .circle.circle-7{--x:8px;--y:28px;--animation:circle-7}.uiverse .wrapper .circle.circle-8{--x:150px;--y:-4px;--animation:circle-8}.uiverse .wrapper .circle.circle-9{--x:20px;--y:-12px;--animation:circle-9}.uiverse .wrapper .circle.circle-10{--x:200px;--y:16px;--animation:circle-10}.uiverse .wrapper .circle.circle-11{--x:80px;--y:25px;--animation:circle-11}.uiverse .wrapper .circle.circle-12{--blur:14px;--x:220px;--y:4px;--animation:circle-12}@keyframes circle-1{33%{transform:translate(20px,16px)translateZ(0)}66%{transform:translate(40px,30px)translateZ(0)}}@keyframes circle-2{33%{transform:translate(100px,-10px)translateZ(0)}66%{transform:translate(80px,20px)translateZ(0)}}@keyframes circle-3{33%{transform:translate(40px,12px)translateZ(0)}66%{transform:translate(60px,4px)translateZ(0)}}@keyframes circle-4{33%{transform:translate(120px,-12px)translateZ(0)}66%{transform:translate(140px,10px)translateZ(0)}}@keyframes circle-5{33%{transform:translate(70px,28px)translateZ(0)}66%{transform:translate(90px,-10px)translateZ(0)}}@keyframes circle-6{33%{transform:translate(160px,-16px)translateZ(0)}66%{transform:translate(140px,15px)translateZ(0)}}@keyframes circle-7{33%{transform:translate(30px,28px)translateZ(0)}66%{transform:translate(50px,5px)translateZ(0)}}@keyframes circle-8{33%{transform:translate(130px,-4px)translateZ(0)}66%{transform:translate(110px,20px)translateZ(0)}}@keyframes circle-9{33%{transform:translate(40px,-12px)translateZ(0)}66%{transform:translate(60px,25px)translateZ(0)}}@keyframes circle-10{33%{transform:translate(180px,20px)translateZ(0)}66%{transform:translate(160px,-5px)translateZ(0)}}@keyframes circle-11{33%{transform:translate(100px,25px)translateZ(0)}66%{transform:translate(120px)translateZ(0)}}@keyframes circle-12{33%{transform:translate(200px)translateZ(0)}66%{transform:translate(180px,20px)translateZ(0)}}
.animated-btn{--border-radius:9999px;--border-width:4px;appearance:none;color:#fff;z-index:2;background-color:#0000;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:.75em 1.5em;font-family:inherit;font-size:16px;font-weight:600;display:flex;position:relative}.animated-btn:after{--m-i:linear-gradient(#000,#000);--m-o:content-box,padding-box;content:"";width:100%;height:100%;padding:var(--border-width);border-radius:var(--border-radius);-webkit-mask-image:var(--m-i),var(--m-i);-webkit-mask-image:var(--m-i),var(--m-i);mask-image:var(--m-i),var(--m-i);-webkit-mask-origin:var(--m-o);-webkit-mask-origin:var(--m-o);mask-origin:var(--m-o);-webkit-mask-clip:var(--m-o);-webkit-mask-composite:destination-out;filter:hue-rotate();background-image:conic-gradient(#06c996cc,#27b5e5e6,#06c99699,#06c996cc,#27b5e5e6,#06c99699,#06c996cc);animation:1.5s linear infinite paused rotate-hue;position:absolute;top:0;left:0;-webkit-mask-composite:xor;mask-composite:exclude}.animated-btn:hover:after{animation-play-state:running}@keyframes rotate-hue{to{filter:hue-rotate(1turn)}}.animated-btn,.animated-btn:after{box-sizing:border-box}.animated-btn:active{--border-width:5px}