.btn{border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:700;transition:all .3s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:8px 16px;font-size:13px}.btn-md{padding:12px 20px;font-size:14px}.btn-lg{padding:14px 24px;font-size:16px}.btn-xl{padding:16px 32px;font-size:18px}.btn-primary{color:#000;background:linear-gradient(135deg,#38bdf840 0%,#0ea5e959 100%);border:1px solid #38bdf866}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-blue);background:linear-gradient(135deg,#38bdf859 0%,#0ea5e973 100%);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--text-secondary);background:0 0;border:1.5px solid #38bdf840}.btn-secondary:hover:not(:disabled){color:var(--blue-300);background:#38bdf81a;border-color:#38bdf866}.btn-secondary:active:not(:disabled){background:#38bdf826}.btn-accent{color:var(--orange-300);background:linear-gradient(135deg,#fb923c40 0%,#f9731659 100%);border:1px solid #fb923c66}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,#fb923c59 0%,#f9731673 100%);transform:translateY(-1px);box-shadow:0 0 20px #f973164d}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-ghost{color:var(--text-primary);background:0 0;border:none}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary)}.btn-ghost:active:not(:disabled){background:var(--bg-tertiary)}.btn-outline{color:var(--text-secondary);border:1.5px solid var(--border-subtle);background:0 0}.btn-outline:hover:not(:disabled){color:var(--blue-300);background:#38bdf81a;border-color:#38bdf866}.btn-outline:active:not(:disabled){background:#38bdf826}.btn-loading{color:#0000;pointer-events:none;position:relative}.btn-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite btn-spin;position:absolute;top:50%;left:50%}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon-left{align-items:center;gap:8px;display:inline-flex}.btn-icon-right{flex-direction:row-reverse;align-items:center;gap:8px;display:inline-flex}.btn-full{width:100%}