.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:var(--border-radius-md);transition:all .3s ease;cursor:pointer;border:none;font-family:inherit;white-space:nowrap}.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{background:linear-gradient(135deg,rgba(56,189,248,.25),rgba(14,165,233,.35));color:#000;border:1px solid rgba(56,189,248,.4)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,rgba(56,189,248,.35),rgba(14,165,233,.45));box-shadow:var(--shadow-glow-blue);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1.5px solid rgba(56,189,248,.25)}.btn-secondary:hover:not(:disabled){border-color:rgba(56,189,248,.4);background:rgba(56,189,248,.1);color:var(--blue-300)}.btn-secondary:active:not(:disabled){background:rgba(56,189,248,.15)}.btn-accent{background:linear-gradient(135deg,rgba(251,146,60,.25),rgba(249,115,22,.35));color:var(--orange-300);border:1px solid rgba(251,146,60,.4)}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,rgba(251,146,60,.35),rgba(249,115,22,.45));box-shadow:0 0 20px rgba(249,115,22,.3);transform:translateY(-1px)}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-primary);border:none}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary)}.btn-ghost:active:not(:disabled){background:var(--bg-tertiary)}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border-radius:50%;border:2px solid;border-top:2px solid transparent;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn-icon-left,.btn-icon-right{display:inline-flex;align-items:center;gap:8px}.btn-icon-right{flex-direction:row-reverse}.btn-full{width:100%}