Recently I noticed our coded bullet proof buttons in our emails seem to add extra space on either side of the button. We are working in Salesforce if that helps because we have AMPscript in our code. I troubleshooted and found a solution, but now the space is showing randomly at the bottom. here is my code and a quick screenshot
<script runat="server" language="ampscript">IF @MailingState != 'NY' AND @PropertyState != 'NY' THEN </script>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" style="padding:15px;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#00838f" style="border-radius:50px;">
<a alias="CTA: Get Prequalified New Teal Ghost" conversion="true" data-linkto="other" href=”#” style="border-radius: 50px; padding: 15px 30px;
border: 1px solid #00838f; display: inline-block; font-size:18px;line-height:22px; color:#ffffff;
text-decoration: none; font-family:'Poppins',Verdana, Arial,sans-serif;font-weight:bold;">Get Prequalified </a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script runat="server" language="ampscript">endif</script>
I also tried adding this code in between the link text. But that does not seem to work either.
<!--[if mso]>
<i style="letter-spacing: 25px; mso-font-width: -100%; mso-text-raise: 30pt;"> </i>
<![endif]-->
LINK TEXT
<!--[if mso]>
<i style="letter-spacing: 25px; mso-font-width: -100%;"> </i>
<![endif]-->