.uiverse{--duration:7s;--easing:linear;--c-color-1:#ae00ffb3;--c-color-2:#000c;--c-color-3:#fffc;--c-color-4:#8a2be2b3;--c-shadow:transparent;--c-shadow-inset-top:transparent;--c-shadow-inset-bottom:transparent;--c-radial-inner:#1a0f2e;--c-radial-outer:#0a0512;--c-color:#fff;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;cursor:pointer;text-align:center;letter-spacing:.13em;text-transform:uppercase;color:var(--c-color);background:radial-gradient(circle, var(--c-radial-inner), var(--c-radial-outer) 80%);box-shadow:none;border:1px solid #ae00ff66;border-radius:999px;outline:none;margin:0;padding:0;font-size:.8rem;font-weight:600;line-height:1.5;text-decoration:none;transition:transform .3s,border-color .3s;display:inline-table;position:relative}.uiverse:hover{border-color:#c56bffcc;transform:translateY(-1px)}.uiverse:before{content:"";pointer-events:none;z-index:3;box-shadow:none;border-radius:999px;position:absolute;inset:0}.uiverse .wrapper{border-radius:999px;min-width:132px;padding:12px 24px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.uiverse .wrapper span{z-index:1;display:inline-block;position:relative}.uiverse:hover{--duration:1.4s}.uiverse .wrapper .circle{width:40px;height:40px;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) var(--anim-delay,0s) 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:-40px;--animation:circle-1}.uiverse .wrapper .circle.circle-2{--x:92px;--y:8px;--animation:circle-2}.uiverse .wrapper .circle.circle-3{--x:-12px;--y:-12px;--animation:circle-3}.uiverse .wrapper .circle.circle-4{--x:80px;--y:-12px;--animation:circle-4}.uiverse .wrapper .circle.circle-5{--x:12px;--y:-4px;--animation:circle-5}.uiverse .wrapper .circle.circle-6{--x:56px;--y:16px;--animation:circle-6}.uiverse .wrapper .circle.circle-7{--x:8px;--y:28px;--animation:circle-7}.uiverse .wrapper .circle.circle-8{--x:28px;--y:-4px;--animation:circle-8}.uiverse .wrapper .circle.circle-9{--x:20px;--y:-12px;--animation:circle-9}.uiverse .wrapper .circle.circle-10{--x:64px;--y:16px;--animation:circle-10}.uiverse .wrapper .circle.circle-11{--x:4px;--y:4px;--animation:circle-11}.uiverse .wrapper .circle.circle-12{--blur:14px;--x:52px;--y:4px;--animation:circle-12}@keyframes circle-1{33%{transform:translateY(16px)translateZ(0)}66%{transform:translate(12px,64px)translateZ(0)}}@keyframes circle-2{33%{transform:translate(80px,-10px)translateZ(0)}66%{transform:translate(72px,-48px)translateZ(0)}}@keyframes circle-3{33%{transform:translate(20px,12px)translateZ(0)}66%{transform:translate(12px,4px)translateZ(0)}}@keyframes circle-4{33%{transform:translate(76px,-12px)translateZ(0)}66%{transform:translate(112px,-8px)translateZ(0)}}@keyframes circle-5{33%{transform:translate(84px,28px)translateZ(0)}66%{transform:translate(40px,-32px)translateZ(0)}}@keyframes circle-6{33%{transform:translate(28px,-16px)translateZ(0)}66%{transform:translate(76px,-56px)translateZ(0)}}@keyframes circle-7{33%{transform:translate(8px,28px)translateZ(0)}66%{transform:translate(20px,-60px)translateZ(0)}}@keyframes circle-8{33%{transform:translate(32px,-4px)translateZ(0)}66%{transform:translate(56px,-20px)translateZ(0)}}@keyframes circle-9{33%{transform:translate(20px,-12px)translateZ(0)}66%{transform:translate(80px,-8px)translateZ(0)}}@keyframes circle-10{33%{transform:translate(68px,20px)translateZ(0)}66%{transform:translate(100px,28px)translateZ(0)}}@keyframes circle-11{33%{transform:translate(4px,4px)translateZ(0)}66%{transform:translate(68px,20px)translateZ(0)}}@keyframes circle-12{33%{transform:translate(56px)translateZ(0)}66%{transform:translate(60px,-32px)translateZ(0)}}