.btn{font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-md);padding:.4rem .85rem}.btn-md{font-size:var(--text-sm);border-radius:var(--radius-md);padding:.6rem 1.25rem}.btn-lg{font-size:var(--text-base);border-radius:var(--radius-lg);padding:.75rem 1.75rem}.btn-primary{background:var(--color-accent);color:#fff;border:2px solid var(--color-border);box-shadow:2px 2px #000}.btn-primary:hover{background:var(--color-accent-hover);transform:translate(2px,2px);box-shadow:0 0 #000}.btn-secondary{background:var(--color-surface);color:var(--color-text-heading);border:2px solid var(--color-border);box-shadow:2px 2px #000}.btn-secondary:hover{background:var(--color-accent);color:#fff;transform:translate(2px,2px);box-shadow:0 0 #000}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:2px solid #0000;padding-left:.5rem;padding-right:.5rem}.btn-ghost:hover{color:var(--color-text-heading);border-color:var(--color-border);background:var(--color-primary-light);transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-danger{background:var(--color-coral);color:#fff;border:2px solid var(--color-border);box-shadow:2px 2px #000}.btn-danger:hover{background:#dc2626;transform:translate(2px,2px);box-shadow:0 0 #000}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}