.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .15s ease,color .15s ease}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-on-secondary)}.btn--ghost{background-color:transparent;color:var(--color-text)}.btn--ghost:hover{background-color:var(--color-background)}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn--md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.btn--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}