Buttons

Shadcn/ui React `Button` variants (authoritative) and legacy patterns currently used. Prefer shadcn variants to stay DRY.

shadcn Button – Variants

shadcn Button – Sizes

shadcn Button – States

Legacy `.btn` CSS Utilities (to migrate)

Map to: primary → variant="default", secondary → variant="secondary", outline → variant="outline"; sizes map to size="sm|default|lg".

Raw Tailwind Button Patterns (to standardize)

Prefer replacing with `Button` variants or a thin wrapper using `buttonVariants()` for anchors.

Anchors styled via shadcn

Use `asChild` to keep semantic `` while reusing button styles.