“电子邮件底部”按钮被切除，但仅在Gmail中

Question

我正在与Litmus一起查看电子邮件模板，因为我发现底部的两个CTA按钮已被修剪，而左侧面板和按钮已下移，但仅限于Gmail。其他所有按钮均正确显示。

正确： https://imgur.com/N2AaRyp

不正确： https://imgur.com/FC1yQh2

这是按钮代码：

<!-- button --> 
<tr> 
<td style="padding: 5px 0 5px 0px;" align="left" class="padding-no-bottom"> 
<table border="0" cellspacing="0" cellpadding="0" class="mobile-button- 
container"> 
<tbody> 
<tr> 
<td align="center"> 
<!-- BULLETPROOF BUTTON --> 
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mobile- 
button-container"> 
<tbody> 
<tr> 
<td align="center" style="padding: 0;" class="padding-copy"> 
<table border="0" cellspacing="0" cellpadding="0" class="responsive-table"> 
<tbody> 
<tr> 
<td align="center"> 
<div class="mktEditable" id="article2Btn" style="max-height:37px; overflow: 
hidden;padding-top:10px;">
<p><a href="https://www.cafewell.com/code/nl_july18_3#lpArticle3" 
target="_blank" style="font-size: 16px; line-height: 24px; font-family: 
Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text- 
decoration: none; background-color: #b2d767; border-top: 8px solid #b2d767; 
border-bottom: 10px solid #b2d767; border-left: 20px solid #b2d767; border- 
right: 20px solid #b2d767; display: inline-block;" class="mobile-button 
mktNoTok">Learn more</a></p>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<!-- /button -->