HTML Email buttons that work in Outlook 2007+

dabblet.css

/**
 * HTML Email buttons that work in Outlook 2007+
 *
 * This is a really weird hacked up piece of crap but basically the technique is the containing element has some solid color background, 
 * and the inner <a> has a solid border which acts like padding which is the same color as the background color
 */

dabblet.html

<span style="display: inline-block; text-align: center; background-color: #d21d00; border: 1px solid #5d150e; color: white;">
  <span style="display: inline-block; background-color: #d21d00; color: white; border-width: 1px 0 0 1px; border-color: #f3948a; border-style: solid;">
    <a style="display: inline-block; text-decoration: none; font-weight: bold; color: white; border-color: #d21d00; border-width: 5px 10px; border-style: solid; white-space: nowrap;" href="http://google.com">Go to Google</a>
  </span>
</span>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}

why the nested tags? can it work within a single 'a' tag only?

Thanks! This piece of code save me.

It's not working man