.uiverse{--duration:7s;--easing:linear;--c-color-1:rgba(6,201,150,0.8);--c-color-2:rgba(39,181,229,0.9);--c-color-3:rgba(6,201,150,0.9);--c-color-4:rgba(39,181,229,0.8);--c-shadow:rgba(6,201,150,0.5);--c-shadow-inset-top:rgba(39,181,229,0.7);--c-shadow-inset-bottom:rgba(6,201,150,0.6);--c-radial-inner:#06c996;--c-radial-outer:#27b5e5;--c-color:#fff;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;outline:none;position:relative;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;border-radius:24px;padding:0;margin:0;text-align:center;font-weight:600;font-size:16px;letter-spacing:.02em;line-height:1.5;color:var(--c-color);box-shadow:0 0 14px var(--c-shadow);text-decoration:none;overflow:hidden}.uiverse:before{content:"";pointer-events:none;position:absolute;z-index:3;left:0;top:0;right:0;bottom:0;border-radius:24px;box-shadow:inset 0 3px 12px var(--c-shadow-inset-top),inset 0 -3px 4px var(--c-shadow-inset-bottom)}.uiverse .wrapper{-webkit-mask-image:-webkit-radial-gradient(white,black);overflow:hidden;border-radius:24px;min-width:132px}.uiverse .wrapper,.uiverse .wrapper span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.uiverse .wrapper span{z-index:1}.uiverse:hover{--duration:1400ms}.uiverse .wrapper .circle{position:absolute;left:0;top:0;width:70px;height:70px;border-radius:50%;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}.uiverse .wrapper .circle.circle-1,.uiverse .wrapper .circle.circle-10,.uiverse .wrapper .circle.circle-9{--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-11,.uiverse .wrapper .circle.circle-12,.uiverse .wrapper .circle.circle-2,.uiverse .wrapper .circle.circle-7,.uiverse .wrapper .circle.circle-8{--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;position:relative;padding:.75em 1.5em;border:0;background-color:transparent;font-family:inherit;font-size:16px;font-weight:600;color:#fff;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.animated-btn:after{--m-i:linear-gradient(#000,#000);--m-o:content-box,padding-box;content:"";position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--border-width);border-radius:var(--border-radius);background-image:conic-gradient(rgba(6,201,150,.8),rgba(39,181,229,.9),rgba(6,201,150,.6),rgba(6,201,150,.8),rgba(39,181,229,.9),rgba(6,201,150,.6),rgba(6,201,150,.8));-webkit-mask-image:var(--m-i),var(--m-i);mask-image:var(--m-i),var(--m-i);-webkit-mask-origin:var(--m-o);mask-origin:var(--m-o);-webkit-mask-clip:var(--m-o);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:hue-rotate(0);animation:rotate-hue 1.5s linear infinite;animation-play-state:paused}.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}