text link turns to image

text link turns to image

I send email campaigns it goes well, suddenly one of the clients complains the link is not clickable  while clicking the link it shows an image instead 

actually, my code for the button is 
<div style="Margin-left: 20px;Margin-right: 20px;Margin-bottom: 24px;">
                      <div class="btn btn--flat btn--large" style="text-align:left;">
                        <![if !mso]>
                        <a style="border-radius: 0;display: inline-block;font-size: 14px;font-weight: bold;line-height: 24px;padding: 11px 11px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #000000 !important;font-family: sans-serif;background-color: #f7d701;" href="#"> Read More</a>
</div>
                    </div>

instead this is showing 

<p class="" style="margin-right: 0.0in;margin-left: 0.0in;"><span class="x_-1041503715size" style="font-size: 12.0pt;margin-right: 0.0in;margin-left: 0.0in;"><span class="x_-1041503715colour" style="color: rgb(188, 190, 194) !important;" data-ogsc="black"><span class="x_-1041503715font" style="font-family: Arial, sans-serif;"><span class="x_-1041503715size" style="font-size: 11.5pt;"><img border="0" width="93" height="61" src="https://zmdownload-accl.zoho.com/zm/ImageDisplay?na=5097583000000008002&amp;nmsgId=1661489251984100004&amp;f=4.png&amp;mode=inline&amp;cid=image003.png@01D8B8BD.519D1B50&amp;"></span></span></span></span><br></p>

and please see the image url of the above code 

Why it happen? Please respond as soon as possible

Thank you