Buttons

Claro includes a global button system with 5 styles that you can customize through theme settings.

Button styles

Style	Description
Primary	Filled accent background with contrast text — used for main CTAs
Secondary	Subtle background with border — used for secondary actions
Outlined	Transparent with text-colored border — minimal look
Link	Text only with underline — inline style
Blur	Frosted glass effect with backdrop-filter — used on image overlays

Global button settings

Navigate to Theme settings → Buttons to configure the default button appearance:

Setting	Options	Default
Border radius	Square / Slight / Rounded / Pill	Square
Text transform	Uppercase / Capitalize / None	Uppercase
Letter spacing	0–10%	5%
Font weight	Normal / Medium / Semibold / Bold	Medium

Per-section button style

Most sections that include a button allow you to choose which style to use via a Button style dropdown. This lets you mix and match button styles across your store.