Skip to content

Instantly share code, notes, and snippets.

@copycut
Last active September 30, 2016 11:39
Show Gist options
  • Save copycut/21ef4b5dbcbb288f5f2b to your computer and use it in GitHub Desktop.
Save copycut/21ef4b5dbcbb288f5f2b to your computer and use it in GitHub Desktop.
Buttons in email newsletters
<style type="text/css">
a[class=btn] {
background-color: #f39200;
border-radius: 3px;
color: #ffffff !important;
display: inline-block;
font-family: sans-serif;
font-size:16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 10px 30px;
margin: 0;
-webkit-text-size-adjust: none;
mso-hide: all;
}
</style>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#link" style="height:36px;v-text-anchor:middle;width:540px;" arcsize="5%" strokecolor="#f39200" fillcolor="#f39200">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial,sans-serif;font-size:20px;">
button text
</center>
</v:roundrect>
<![endif]-->
<a href="#link" class="btn" style="mso-hide:all; color:#ffffff !important;">button text</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment