.lv-level-btn{--lvb-h: 40px;--lvb-depth: 3px;--lvb-blue-800: #0b2a78;--lvb-blue-700: #0a3fd1;--lvb-blue-600: #1557f0;--lvb-blue-300: #93b6ff;--lvb-blue-200: #c4d6ff;--lvb-blue-50: #f3f7ff;--lvb-grad: linear-gradient(135deg, #0a3fd1 0%, #2f6bff 55%, #7fb0ff 100%);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--lvb-h);padding:0 4px 0 16px;border:0;border-radius:999px;background:var(--lvb-grad);background-size:160% 160%;color:#fff;font:inherit;font-weight:700;font-size:.85rem;letter-spacing:-.01em;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;isolation:isolate;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 var(--lvb-depth) 0 var(--lvb-blue-800),0 12px 26px -10px #1557f08c,inset 0 1px #ffffff73;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,background-position .5s ease,background-color .18s ease,opacity .18s ease}.lv-level-btn--shine:after{content:"";position:absolute;inset:-40% auto -40% -30%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg) translate(-200%);animation:lv-level-btn-shine 3.6s ease-in-out infinite;z-index:-1;pointer-events:none}.lv-level-btn__label{position:relative}.lv-level-btn__orb{display:grid;place-items:center;flex-shrink:0;width:calc(var(--lvb-h) - 8px);height:calc(var(--lvb-h) - 8px);border-radius:50%;background:#fff;color:var(--lvb-blue-600);box-shadow:0 3px 8px #071a4a38;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.lv-level-btn__orb svg{width:44%;height:44%}.lv-level-btn--tilt .lv-level-btn__orb{transform:rotate(45deg)}.lv-level-btn:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 calc(var(--lvb-depth) + 2px) 0 var(--lvb-blue-800),0 18px 36px -10px #1557f099,inset 0 1px #ffffff73}.lv-level-btn:hover .lv-level-btn__orb{transform:translateY(-2px) rotate(-8deg) scale(1.04)}.lv-level-btn--tilt:hover .lv-level-btn__orb{transform:rotate(0) translateY(-2px)}.lv-level-btn:active{transform:translateY(calc(var(--lvb-depth) - 1px));box-shadow:0 1px 0 var(--lvb-blue-800),0 6px 16px -6px #1557f080}.lv-level-btn:focus-visible{outline:3px solid var(--lvb-blue-300);outline-offset:4px}.lv-level-btn--sm{--lvb-h: 34px;--lvb-depth: 2px;gap:8px;padding-left:13px;font-size:.8rem}.lv-level-btn--lg{--lvb-h: 60px;--lvb-depth: 5px;gap:14px;padding:0 7px 0 28px;font-size:1.05rem}.lv-level-btn--lg .lv-level-btn__orb{width:calc(var(--lvb-h) - 14px);height:calc(var(--lvb-h) - 14px)}.lv-level-btn--block{width:100%;justify-content:space-between}.lv-level-btn--outline{background:#fff;color:var(--lvb-blue-700);box-shadow:inset 0 0 0 2px var(--lvb-blue-600),0 var(--lvb-depth) 0 var(--lvb-blue-200),0 12px 24px -14px #1557f073}.lv-level-btn--outline:after{background:linear-gradient(100deg,transparent,rgba(47,107,255,.16),transparent)}.lv-level-btn--outline .lv-level-btn__orb{background:var(--lvb-grad);color:#fff;box-shadow:0 4px 10px -2px #1557f073,inset 0 1px #fff6}.lv-level-btn--outline:hover{background:var(--lvb-blue-50);box-shadow:inset 0 0 0 2px var(--lvb-blue-600),0 calc(var(--lvb-depth) + 2px) 0 var(--lvb-blue-200),0 16px 30px -14px #1557f080}.lv-level-btn--outline:active{box-shadow:inset 0 0 0 2px var(--lvb-blue-600),0 1px 0 var(--lvb-blue-200),0 4px 10px -6px #1557f066}.lv-level-btn--danger{background:#fff;color:#b42318;box-shadow:inset 0 0 0 2px #e5484d,0 var(--lvb-depth) 0 #fbd5d5,0 12px 24px -14px #e5484d73}.lv-level-btn--danger .lv-level-btn__orb{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;box-shadow:0 4px 10px -2px #dc262673,inset 0 1px #fff6}.lv-level-btn--danger:hover{background:#fff5f5;box-shadow:inset 0 0 0 2px #dc2626,0 calc(var(--lvb-depth) + 2px) 0 #fbd5d5,0 16px 30px -14px #dc262680}.lv-level-btn--danger:active{box-shadow:inset 0 0 0 2px #dc2626,0 1px #fbd5d5,0 4px 10px -6px #dc262666}.lv-level-btn--light{background:#fff;color:var(--lvb-blue-700);box-shadow:0 var(--lvb-depth) 0 var(--lvb-blue-300),0 14px 30px -8px #00000059}.lv-level-btn--light .lv-level-btn__orb{background:var(--lvb-grad);color:#fff}.lv-level-btn--light:after{background:linear-gradient(100deg,transparent,rgba(47,107,255,.18),transparent)}.lv-level-btn--light:hover{box-shadow:0 calc(var(--lvb-depth) + 2px) 0 var(--lvb-blue-300),0 18px 36px -8px #00000059}.lv-level-btn[data-loading=true] .lv-level-btn__orb svg{animation:lv-level-btn-spin .9s linear infinite}.lv-level-btn:disabled,.lv-level-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6;transform:none}.lv-level-btn:disabled:after,.lv-level-btn[aria-disabled=true]:after{animation:none;opacity:0}.lv-level-btn[data-loading=true]{cursor:progress;opacity:.85}.lv-level-btn:disabled:hover .lv-level-btn__orb,.lv-level-btn[aria-disabled=true]:hover .lv-level-btn__orb{transform:none}@keyframes lv-level-btn-shine{0%,55%{transform:skew(-20deg) translate(-200%)}to{transform:skew(-20deg) translate(520%)}}@keyframes lv-level-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.lv-level-btn,.lv-level-btn__orb{transition:none}.lv-level-btn:after{animation:none}}