.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-bold);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);letter-spacing:.3px;border:2px solid #0000;padding:12px 32px;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:var(--color-text-on-dark);border-color:#0000}.btn--primary:hover{background:linear-gradient(135deg, var(--color-primary-hover), var(--color-primary-glow));border-color:#0000;transform:translateY(-1px);box-shadow:0 0 18px #d54dff4d,0 4px 12px #741f8a40}.btn--primary:focus-visible{outline:2px solid var(--color-primary-glow);outline-offset:2px}.btn--secondary{color:var(--color-primary-light);border-color:var(--color-primary-light);background:0 0}.btn--secondary:hover{background:var(--color-primary-light);color:var(--color-text-on-dark);box-shadow:0 4px 12px #741f8a33}.btn--secondary:focus-visible{outline:2px solid var(--color-primary-glow);outline-offset:2px}.btn--inverse{color:var(--color-text-on-dark);background:0 0;border-color:#ffffffd9}.btn--inverse:hover{background:var(--color-bg);border-color:var(--color-bg);color:var(--color-primary);box-shadow:0 4px 20px #d54dff4d}.btn--inverse:focus-visible{outline:2px solid var(--color-text-on-dark);outline-offset:2px}.btn--ghost{color:var(--color-primary-light);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--color-primary-hover);background:#741f8a0f}.btn--ghost:focus-visible{outline:2px solid var(--color-primary-glow);outline-offset:2px}