Buttons that survive Outlook
Design one button or a row of them, then copy a website version with hover states and an email version that renders properly in Outlook — where padding, rounded corners and inline-block are all ignored.
Button setName it, then lay the buttons out
Only you see this — it labels the set in your dashboard.
Only fonts already on the reader's machine — custom webfonts don't load in Outlook.
Website only. Email has no hover.
Shown at a 900px desktop width. Hover and focus states included.
Shown at a 600px email column. Browsers strip conditional comments, so this is the branch Gmail, Apple Mail and Outlook.com render — Outlook on Windows gets the VML branch above it, which draws the same shape.
Paste into Mailchimp, HubSpot, Klaviyo or a raw HTML email.
Both snippets already work — copy them any time. An account keeps the set so next campaign starts from this one.