.uiverse-btn{--btn-text:#fff;--btn-text-shadow:#00000040;--btn-c1:#f0f9ff;--btn-c2:#bae6fd;--btn-c3:#7dd3fc;--btn-c4:#38bdf8;--btn-c5:#0284c7;--btn-radius:16px;border-radius:var(--btn-radius);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;width:160px;height:48px;font-size:13.5px;transition:transform .25s;position:relative;transform:none}.uiverse-btn:hover{transform:translateY(-2px)scale(1.02)}.uiverse-btn.btn-blue{--btn-text:#fff;--btn-text-shadow:#00000040;--btn-c1:#60a5fa;--btn-c2:#3b82f6;--btn-c3:#2563eb;--btn-c4:#1d4ed8;--btn-c5:#1e40af}.uiverse-btn.btn-white{--btn-text:#1e293b;--btn-text-shadow:#fffc;--btn-c1:#fff;--btn-c2:#f8fafc;--btn-c3:#f1f5f9;--btn-c4:#e2e8f0;--btn-c5:#cbd5e1}.uiverse-btn .bg{border-radius:inherit;filter:blur(1px);position:absolute;inset:0}.uiverse-btn .bg:before,.uiverse-btn .bg:after{content:"";border-radius:calc(var(--btn-radius) * 1.08);background:var(--btn-c5);position:absolute;inset:0}.uiverse-btn .bg:before{filter:blur(4px);transition:all .3s;box-shadow:0 4px 6px #0284c733,0 8px 14px -2px #0284c726}.uiverse-btn.btn-white .bg:before{box-shadow:0 4px 8px #94a3b840,0 8px 16px -2px #94a3b82e}.uiverse-btn .wrap{border-radius:inherit;background:linear-gradient(to bottom, var(--btn-c1) 0%, var(--btn-c4) 100%);height:100%;padding:2.5px;transition:all .25s;position:relative;overflow:hidden;transform:translateY(-3px)}.uiverse-btn.btn-white .wrap{border:1px solid #e2e8f0cc}.uiverse-btn .outline{opacity:0;border-radius:inherit;outline:none;transition:all .4s;position:absolute;inset:0;overflow:hidden}.uiverse-btn .outline:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff 60%,#0000 100%);width:120px;height:250px;margin:auto;animation:3s linear infinite paused spin;position:absolute;inset:2px}.uiverse-btn .content{pointer-events:none;z-index:1;border-radius:calc(var(--btn-radius) * .85);background:var(--btn-c2);height:100%;box-shadow:none;justify-content:center;align-items:center;gap:10px;font-weight:700;transition:all .3s;display:flex;position:relative}.uiverse-btn.btn-white .content{box-shadow:none;background:#fff}.uiverse-btn .content:before{display:none}.uiverse-btn .char{justify-content:center;align-items:center;transition:all .3s;display:flex}.uiverse-btn .char span{color:#0000;letter-spacing:-.2px;font-size:13.5px;font-weight:700;display:block;position:relative}.uiverse-btn .char.state-1 span{animation:charAppear 1.2s ease backwards calc(var(--i) * 30ms)}.uiverse-btn .char.state-1 span:before,.uiverse-btn .char span:after{content:attr(data-label);color:var(--btn-text);text-shadow:0 1px 2px var(--btn-text-shadow);position:absolute;left:0}.uiverse-btn .char span:before{opacity:0;transform:translateY(-100%)}.uiverse-btn .char.state-2{position:absolute;left:28px}.uiverse-btn .char.state-2 span:after{opacity:1}.uiverse-btn .icon{z-index:10;animation:.8s cubic-bezier(.7,-.5,.3,1.2) forwards resetArrow}.uiverse-btn .icon div,.uiverse-btn .icon div:before,.uiverse-btn .icon div:after{background-color:var(--btn-text);border-radius:1px;height:2px}.uiverse-btn .icon div:before,.uiverse-btn .icon div:after{content:"";transform-origin:100%;border-radius:10px;width:9px;transition:all .3s;position:absolute;right:0}.uiverse-btn .icon div{background:var(--btn-text);width:14px;animation:1s ease-in-out infinite paused swingArrow;position:relative;transform:scale(.9);box-shadow:0 1px 3px #00000026}.uiverse-btn .icon div:before{animation:1s linear infinite paused rotateArrowLine;top:1px;transform:rotate(44deg)}.uiverse-btn .icon div:after{animation:1s linear infinite paused rotateArrowLine2;bottom:1px;transform:rotate(316deg)}.uiverse-btn .path{z-index:12;stroke-dasharray:150 480;stroke-dashoffset:150px;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.uiverse-btn .splash{pointer-events:none;stroke-dasharray:60 60;stroke-dashoffset:60px;stroke:var(--btn-c3);position:absolute;top:0;left:0;transform:translate(-17%,-31%)}.uiverse-btn:hover .words{opacity:1}.uiverse-btn:hover .words span{animation-play-state:running}.uiverse-btn:hover .char.state-1 span:before{animation:charAppear .7s ease calc(var(--i) * 30ms)}.uiverse-btn:hover .char.state-1 span:after{opacity:1;animation:charDisappear .7s ease calc(var(--i) * 30ms)}.uiverse-btn:hover .wrap{transform:translateY(-4px)}.uiverse-btn:hover .outline{opacity:1}.uiverse-btn:hover .outline:before,.uiverse-btn:hover .icon div:before,.uiverse-btn:hover .icon div:after,.uiverse-btn:hover .icon div{animation-play-state:running}.uiverse-btn:active .bg:before{filter:blur(4px);opacity:.7}.uiverse-btn:active .outline{opacity:0}.uiverse-btn:active .wrap{transform:translateY(-1px)}.uiverse-btn:active .splash{animation:.8s cubic-bezier(.3,0,0,1) 50ms forwards splash}.uiverse-btn:focus .path{animation:1.6s .2s forwards path}.uiverse-btn:focus .icon{animation:1s cubic-bezier(.7,-.5,.3,1.5) forwards arrow}.uiverse-btn .char.state-2 span:after,.uiverse-btn:focus .char.state-1 span{animation:charDisappear .5s ease forwards calc(var(--i) * 30ms)}.uiverse-btn:focus .char.state-2 span:after{animation:charAppear 1s ease backwards calc(var(--i) * 30ms)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes charAppear{0%{opacity:0;filter:blur(15px);transform:translateY(50%)}20%{opacity:1;transform:translateY(70%)}50%{opacity:1;filter:blur();transform:translateY(-15%)}to{opacity:1;transform:translateY(0)}}@keyframes charDisappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;filter:blur(3px);transform:translateY(-70%)}}@keyframes arrow{0%{opacity:1}50%{opacity:0;transform:translate(50px)}51%{opacity:0;transform:translate(-160px)}to{opacity:1;transform:translate(-95px)}}@keyframes swingArrow{50%{transform:translate(4px)scale(.9)}}@keyframes rotateArrowLine{50%{transform:rotate(30deg)}80%{transform:rotate(55deg)}}@keyframes rotateArrowLine2{50%{transform:rotate(330deg)}80%{transform:rotate(300deg)}}@keyframes resetArrow{0%{transform:translate(-95px)}to{transform:translate(0)}}@keyframes path{0%{stroke:#fff}to{stroke-dashoffset:-480px;stroke:#bae6fd}}@keyframes splash{to{stroke-dasharray:2 60;stroke-dashoffset:-60px}}@keyframes pulse_dash{0%{stroke-dashoffset:192px;opacity:1}72.5%{opacity:1}72.6%{opacity:0}95%{opacity:0}to{stroke-dashoffset:0;opacity:1}}.pulse-loader svg polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.pulse-loader .pulse-front{stroke-dasharray:48 144;stroke-dashoffset:192px;animation:1.4s linear infinite pulse_dash}