.app-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.app-btn:disabled{opacity:.5;cursor:not-allowed}.app-btn.app-btn--sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.app-btn.app-btn--md{padding:var(--space-3) var(--space-5);font-size:.875rem}.app-btn.app-btn--lg{padding:var(--space-4) var(--space-6);font-size:1rem}.app-btn.app-btn--primary{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff;border-color:#0000}.app-btn.app-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 4px 20px var(--color-primary-glow);transform:translateY(-1px)}.app-btn.app-btn--primary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.app-btn.app-btn--secondary{background-color:var(--bg-medium);color:var(--text-secondary);border-color:var(--border-medium)}.app-btn.app-btn--secondary:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary);background-color:var(--bg-light)}.app-btn.app-btn--ghost{color:var(--text-muted);background-color:#0000;border-color:#0000}.app-btn.app-btn--ghost:hover:not(:disabled){background-color:var(--bg-light);color:var(--text-heading)}.app-btn.app-btn--danger{background-color:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-border)}.app-btn.app-btn--danger:hover:not(:disabled){background-color:var(--color-error-bg-hover);border-color:var(--color-error-border-hover);color:var(--color-error-hover);box-shadow:0 4px 16px var(--color-error-glow)}.app-btn.app-btn--loading{pointer-events:none}.app-btn .btn-spinner{flex-shrink:0}