Button Styles

Explore various button styles used across the design system
to enhance interactivity, guide user actions, and improve overall user experience.

Red Button

Red Button - Dark Variant

Red Button – Shadow Variant

Red Button – Disabled Variant

Pink Button

Pink Button - Dark Variant

Pink Button – Shadow Variant

Pink Button – Disabled Variant

Transparent Button

Transparent Button - Dark Outline Variant

Transparent Button – Shadow Variant

Transparent Button – Disabled Variant

Text-Only Button – Red

Pink Button

Text-Only Button – Red

Text-Only Button – Disabled

Text-Only Button – Dark Gray

Pink Button – Soft Gray (Medium Weight)

Pink Button – Dark Gray (Medium Weight)

Text-Only Button – Disabled

Text-Only Button – Red (Medium Weight)

Text-Only Button – Dark Red

Text-Only Button – Soft Red

Text-Only Button – Disabled

Text-Only Button – Dark Gray

Text-Only Button – Soft Gray

Text-Only Button – Cool Gray

Text-Only Button – Disabled