Hi peeps
I was wondering if you could help me with something very annoying :)
I have a piece of code that works everywhere apart from Outlook on desktop PC and Outlook on Windows phone - it isn't even displayed. Works perfectly in Outlook on iPad, Android and webmail.

This peice of code is supposed to produce rounded button

Any ideas?


<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center"> 
      <!--[if gte mso 9]>
        <v: roundrect xmlns: v="urn: schemas-microsoft-com: vml" xmlns: w="urn: schemas-microsoft-com: office: word" href="https://www.domain.com/LandingPage.html" style="height: 32px;v-text-anchor: middle;width: 230px;" arcsize="50%" strokecolor="#000000" fillcolor="#000000">
        <w: anchorlock/>
        <center style="color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 16px;"><img src="https://www.domain.com/arrow.png" width="6" alt=" " style="border: none; outline: none; text-decoration: none; display: inline-block; background-color: #b3e000;">&nbsp;&nbsp;Buy now</center>
        </v: roundrect>
      <![endif]--> 
      <a href="https://www.domain.com/LandingPage.html" style="background-color: #000000; width: 150px; display: inline-block; color: #ffffff; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 44px; font-weight: normal; text-align: center; text-decoration: none; -webkit-text-size-adjust: inherit; mso-hide: all;" target="_blank"> <img src="https://www.domain.com/arrow.png" alt=" " width="6" height="10" style="border: none; outline: none; text-decoration: none; display: inline-block; background-color: #000000;"> Yes, I'm in</a></td>
  </tr>
</table>