Text is outside the link in email template

Question

I've got a problem with displaying link in my email template. Following code:

<a 
  href="[SEGMENT_URL]" 
  style="display: inline-block; background-color: #F7F9FB; border: 1px solid #C4C4C4; 
  border-radius: 4px; padding: 15px 25px; font-weight: bold; font-size: 18px; 
  line-height: 21px; text-align: center; color: #FE7F66; text-decoration: none;"
>
  [SEGMENT_NAME]
</a>

is rendered this way in email clients:

<a 
  href="https://example.org/segments/526" 
  style="display:inline-block;background-color:#F7F9FB;border:1px solid #C4C4C4;
  border-radius:4px;padding:15px 25px;font-weight:bold;font-size:18px;
  line-height:21px;text-align:center;color:#FE7F66;text-decoration:none" 
  target="_blank" 
  rel="noopener"
></a>
<a class="-wm-prevent_link">Segment name</a>

Anyone knows what causes the bug and how to fix it?

question from:https://stackoverflow.com/questions/65934120/text-is-outside-the-link-in-email-template

Answer 1

Waitting for answers