<!-- Button -->
<table bgcolor="#84B818" border="0" cellpadding="0" cellspacing="0" class="wrapto100pc" style="border-radius: 8px;">               
<tr>
 <td bgcolor="#84B818" class="nomob" style="border-top-left-radius: 8px; border-bottom-left-radius: 8px;" width="8"></td> 
<td align="center" bgcolor="#84B818" class="wrapto100pc gmailbutton" style="font-size: 16px; line-height:20px; font-family: helvetica, arial, sans-serif; color: #ffffff; text-decoration: none; vertical-align: middle; height:44px; border-radius: 8px;"><a href="http://www.actionrocket.co/" style="font-size: 16px; line-height:20px; font-family: helvetica, arial, sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; vertical-align: middle; letter-spacing: 1px; padding: 10px 30px; border: 1px solid #84B818; border-radius: 8px; display: block;" target="_blank">

<!--[if mso]>&nbsp;&nbsp;&nbsp;<![endif]--><span>CALL TO ACTION</span><!--[if mso]>&nbsp;&nbsp;&nbsp;<![endif]-->

</a></td>                   
<td bgcolor="#84B818" class="nomob" style="border-top-right-radius: 8px; border-bottom-right-radius: 8px;" width="8">                </td></tr></table>
<!-- /Button -->

<!-- You don't need this but for your button to work -->
 <table border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td align="left" valign="middle" style="font-size: 16px; font-family: helvetica, arial, sans-serif; line-height: 26px; color: #000000; text-decoration: none; padding: 20px;">Check out the Blog post explaining everything you need to know about email buttons - <a href="http://www.emaildesignreview.com/html-email-coding/bombproof-html-css-email-button-3487/#more-3487" style="color:#000000">Here!</td>
                          </tr>
</table>
<style type="text/css">
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
.wrapto100pc {  
width: 100%!important;  
height: auto!important;
}
.nomob {
  display: none!important;
  width: 0px!important;
  height: 0px!important;
}
}
</style>

<style type="text/css">
@supports (-webkit-overflow-scrolling:touch) and (color:#ffff) {
div > u ~ div .gmailbutton { 
width: 100%!important;
}     
} 
</style>

// No JS - working exclusively in html/CSS email... Check out the blog post for more information.

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.