Button Component

All 5 variants at default and large sizes. Light and dark backgrounds.

1 Primary — uppercase pill, orange glow, lift hover

Used on: Homepage hero, Articles/Community/Products section CTAs

2 Secondary — uppercase pill, outline

Used on: Light backgrounds (homepage outline CTAs)

Used on: Dark backgrounds (currently unused after program card change)

3 Minimal — compact, flat, sharp corners, no uppercase

Used on: Program cards (ProgramCardHero, ProgramCardHorizontal)

4 Subtle — pill, normal case, no shadow, gentle lift

Used on: 404 page

5 Text — bare link, no background/border/padding

Used on: 404 page (secondary action)

6 Side-by-side — all variants at default size

Secondary Subscribe