.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: var(--space-4) var(--space-8);min-height: var(--interactive-min-touch);min-width: var(--interactive-min-touch);font-family: var(--font-body);font-size: var(--text-base);font-weight: var(--weight-semibold);line-height: 1;white-space: nowrap;border: 2px solid transparent;border-radius: var(--radius);cursor: pointer;text-decoration: none;transition: background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.btn:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}.btn:active{transform: translateY(1px)}.btn--primary{background-color: var(--primary-600);color: var(--white);border-color: var(--primary-600)}.btn--primary:hover{background-color: var(--primary-700);border-color: var(--primary-700);box-shadow: var(--shadow-md)}.btn--secondary{background-color: transparent;color: var(--text-primary);border-color: var(--text-primary)}.btn--secondary:hover{background-color: var(--text-primary);color: var(--bg-primary)}.btn--ghost-dark{background-color: transparent;color: var(--text-on-dark);border-color: rgba(255, 255, 255, 0.35)}.btn--ghost-dark:hover{background-color: rgba(255, 255, 255, 0.08);border-color: rgba(255, 255, 255, 0.6)}.btn--sm{padding: var(--space-3) var(--space-6);font-size: var(--text-sm)}.btn--lg{padding: var(--space-5) var(--space-10);font-size: var(--text-lg)}.btn--full{width: 100%}.btn[aria-busy="true"]{opacity: 0.75;pointer-events: none;cursor: wait}.btn[aria-busy="true"]::after{content: '';display: inline-block;width: 14px;height: 14px;border: 2px solid currentColor;border-right-color: transparent;border-radius: 50%;animation: btn-spin 600ms linear infinite;margin-left: var(--space-2)}@keyframes btn-spin{to{transform: rotate(360deg)}}@media (prefers-reduced-motion: reduce){.btn{transition: none}.btn[aria-busy="true"]::after{animation: none}}