JSFiddle - React, Tailwind, and code Playground

by cvalleskey

HTML

<style type="text/css">
  .mobile-block {
    display: block !important;
  }
</style>
<div style="width:300px">


<table align="center"><tr>
    <td align="center" valign="middle" class="button-container" style="text-align: center; font-size:0px;padding:10px 25px 10px 25px;word-break:break-word;"><div><!--[if mso]>
    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
    <tr>
    <td align="center"><a:roundrect xmlns:a="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.rinvoqhcp.com/content/dam/rinvoqhcp/docs/rheumatology-complete-enrollment-form.pdf" fillcolor="#FFD100" arcsize="0%" style="v-text-anchor:middle;width:280px;height:60px;" stroke="f" ><w:anchorlock/><a:textbox inset="0,0,0,0"><center style="color:#000000; font-family:sans-serif, Arial; font-size:13px"><![endif]--> 
      <a valign="middle" class="mobile-block" href="https://www.rinvoqhcp.com/content/dam/rinvoqhcp/docs/rheumatology-complete-enrollment-form.pdf" style="margin:0 auto; background-color: #FFD100; padding: 10px 5px 10px 5px; color: #000; font-family: Arial;  text-decoration: none !important; font-weight: bold; font-size: 13px;">DOWNLOAD THE RINVOQ <span style="white-space: nowrap;">COMPLETE ENROLLMENT FORM&nbsp;
          <img alt height="auto" src="https://client-data.knak.io/production/email_assets/5f32b6c074996/qNv1ks8E2AEcqfUkeMLq44HTdSJeSt9JZdhAxq9x.png" width="10" height="14" style="border:none; width: 12px;"/>
        </span>
      </a>
    <!--[if mso]></center></a:textbox></a:roundrect>
    </td>
    </tr>
    </table><![endif]--></div>
    </td>
  </tr></table>
  </div>