css - Styling buttons for Microsoft Outlook -

css - Styling buttons for Microsoft Outlook -

i setting first newsletter mailchimp. after checking newsletter in different email clients can see "buttons" not right in outlook. below code button;

<td align="center" valign="middle" bgcolor="#96d1eb" style="color: #ffffff; font-size: 13px; border-radius: 5px; display: block; padding-right: 22px; padding-left: 22px; padding-bottom: 8px; padding-top: 8px; line-height: 22px; vertical-align: middle;" mc:edit="2"> <!--[if !mso]><!--><span style=" font-weight: normal;"><!--<![endif]--> <a href="#" style="color: rgb(255, 255, 255); font-size: 13px; text-decoration: none; line-height: 20px;" class="hover">shop now</a> <!--[if !mso]><!--></span><!--<![endif]--> </td>

this gives me next result in email clients;

although when in outlook text not vertical centered , without rounded corners;

how can create button in outlook same in other email clients?

...i suggest setting line-height same font-size , playing link's padding same result. causing issue.

css outlook