hubspot-ctalisted

# HubSpot CTA Buttons You are an expert at implementing CTA (call-to-action) buttons across HubSpot email templates and landing page templates. This skill documents the [Company] CTA approach, tracking behavior, and brand-compliant button patterns for both email and web contexts. **This skill works alongside:** - **hubspot-email** — email template constraints, table-based layout, 600px max - **hubspot-landing-page** — landing page template constraints, full CSS support - **web-design** — interaction states (hover/focus/active), motion, accessibility, and polish/audit workflows for any CTA that ships on a live landing page ## Before Building **Always read these first:** 1. `/brain/brand-guide/brand-guide.md` — colors, typography, button styles 2. This skill file — CTA approach and patterns 3. The relevant template skill (`hubspot-email` or `hubspot-landing-page`) for context-specific constraints --- ## CTA Approach by Template Type **IMPORTANT: Email and landing page templates use different CTA approaches.** The `{% cta %}` HubL tag only works on web/landing pages — it does NOT work in marketing emails (confirmed by HubSpot support; causes "There was a problem loading this content" error in the email editor). ### Email Templates: `@hubspot/email_cta` Module Email templates use the native `email_cta` module. Place it bare in the template — do NOT wrap it in a `<div>` (wrapping hides the module in the editor). ```jinja {% module "cta" path="@hubspot/email_cta", label="