.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:var(--radius-md);overflow:hidden;transition:transform .15s ease,background var(--transition),color var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:pointer}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.97)}.btn-content{position:relative;z-index:1}.btn-sm{padding:8px 16px;font-size:.8125rem}.btn-md{padding:12px 24px;font-size:.875rem}.btn-lg{padding:16px 32px;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));color:var(--text-inverse);box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 24px var(--accent-glow)}.btn-secondary{background:var(--bg-subtle);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text);background:var(--bg-hover)}.btn-danger{background:var(--error-soft);color:var(--error)}.btn-danger:hover{background:var(--error);color:#fff}.btn:disabled{opacity:.5;pointer-events:none}.btn-ripple{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.btn:active .btn-ripple{opacity:1}