Buttons and hover effects
Use shared button styles and scoped custom overrides.
Overview
Style selects the button treatment; color source selects where its colors come from. Independent CTAs can have independent block settings.
Step by step
- Choose a supported Primary, Secondary, Tertiary, Featured, Link or Custom style for the CTA.
- Use the color source to follow theme colors, a Shopify scheme or local manual controls.
- Global optional shine, bottom depth and shadow controls affect supported button styles. Tertiary retains its own effect settings.
- Check hover, keyboard focus and text contrast. Reduced-motion preferences limit decorative motion.