.uiverse{--duration:7s;--easing:linear;--c-color-1:#ffa31ab3;--c-color-2:#1a23ff;--c-color-3:#e21bda;--c-color-4:#ffe81ab3;--c-shadow:#ffdf5780;--c-shadow-inset-top:#ffdf34e6;--c-shadow-inset-bottom:#fffad7cc;--c-radial-inner:#e6b800;--c-radial-outer:#f5d742;--c-color:#fff;-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;text-align:center;letter-spacing:.02em;color:var(--c-color);background:radial-gradient(circle,var(--c-radial-inner),var(--c-radial-outer)80%);box-shadow:0 0 14px var(--c-shadow);border:none;border-radius:48px;outline:none;margin:0;padding:0;font-size:32px;font-weight:600;line-height:1.5;display:table;position:relative}.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:48px;position:absolute;inset:0}.uiverse .wrapper{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);border-radius:48px;min-width:300px;padding:28px 40px;overflow:hidden;mask-image: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)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)}}