Components

Actions & buttons

Primary actions are orange with ink text; everything else is outlined or ghost. Controls are ≥48px tall for touch. Icon-only buttons always carry an accessible name.

Button.astro — variants primary / secondary / ghost

Button.astro — sizes & block sm for dense rows; block for mobile CTAs

Ticket CTAs affiliate = orange fill; non-affiliate = orange text on light ground

Affiliate tickets External tickets

.cc-action — toggles follow / want-to-see / mark seen · aria-pressed

Toggle them — active state fills orange.

.cc-iconbtn — icon-only 44px target + aria-label + tooltip

.cc-cta-row — responsive cluster full-width stack on mobile, inline from sm

Tickets