I'm having issues aligning a button on the right in Outlook (all other clients and OS are fine). Outlook versions 2003, 2011, and 2016 actually work fine and aligns the button to the right, but all other versions of Outlook align the button to the left. The strange thing is, I tried changing all the align="right" and text-align: right to align="center" and text-align: center and am able to center the button in all versions. What am I missing?


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  <head> 
    <title>Title</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />  
    <meta name="robots" content="noindex,nofollow" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <!--[if !mso]>
        <!--<![endif]--> 
    <!--[if gte mso 9]>
        <xml>
            <o:OfficeDocumentSettings>
                <o:AllowPNG/>
                <o:PixelsPerInch>96</o:PixelsPerInch>
            </o:OfficeDocumentSettings>
        </xml>
        <![endif]--> 
    <!--[if mso]>
        <style> Body,table tr,table td,a, span,table.MsoNormalTable {  font-family:HCo Gotham SSm,Gotham SSm A,Gotham SSm B,Gotham,Helvetica, Arial, sans-serif !important;  }</style>
        <!--<![endif]--> 
    <style type="text/css">
            /* iOS BLUE LINKS */
            @-ms-viewport {
            width: device-width;
            }
        </style> 
    <style type="text/css">
        @import url("https://s.yimg.com/hc/assets/fonts/gotham/fonts.css");
            Body {-webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: none !important; width: 100% !important; height: 100% !important; }
            a[x-apple-data-detectors] {color: inherit !important;text-decoration: none !important;font-size: inherit !important;font-family: inherit !important;font-weight: inherit !important;line-height: inherit !important;}
            a {outline: 0;text-decoration: none;}
            table {border-spacing: 0; mso-table-lspace:0pt; mso-table-rspace:0pt;}
            Body, td, input, textarea, select {
            font-family:HCo Gotham SSm,Gotham SSm A,Gotham SSm B,Gotham,Helvetica, Arial, sans-serif !important;
            }
            </style> 
    <style type="text/css">
          @media only screen and (max-width: 640px) {
             .deviceWidth {
                width: 100% !important;
                min-width: 100% !important;
            }

              .deviceWidth1 {
                width: 90% !important;
                min-width: 90% !important;
            }
            .block {
                width: 100% !important;
                display: block !important;
                box-sizing: border-box;
                clear: both;
            }
              .center {
                text-align: center !important;
            }

              .position {
                background-position: center !important;
            }
        }
 </style> 
    <style type="text/css">
        @media only screen and (max-width: 479px) {
              .deviceWidth {
                width: 100% !important;
                min-width: 100% !important;
            }

              .deviceWidth1 {
                width: 90% !important;
                min-width: 90% !important;
            }

               .center {
                text-align: center !important;
            }
        }
    </style> 
  </head> 
  <body style="-webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: none !important; width: 100% !important; height: 100% !important; font-family:HCo Gotham SSm,Gotham SSm A,Gotham SSm B,Gotham,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; margin: 0; padding: 0;"> 
    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width:100%;table-layout:fixed"> 
      <tbody> 
        <tr> 
          <td style="background-color:#ffffff;" bgcolor="#ffffff"> 
            <!--MAIN TABLE Starts--> 
            <table width="636" cellpadding="0" cellspacing="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin:0 auto;width:636px;" border="0" align="center" class="deviceWidth"> 
              <tbody> 
                <tr> 
                  <td id="template-wrapper" valign="top" style="vertical-align:top;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
                    <table id="banner-1" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" > 
                      <tbody> 
                        <tr> 
                          <td style="border-collapse:collapse;background-color:#d9d9d6; background-size: cover;background-repeat:no-repeat;background-position: center;" background="https://via.placeholder.com/636x420.png" bgcolor="#d9d9d6"> 
                            <!--[if gte mso 9]>
                        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:636px;height:431px;">
                        <v:fill type="frame" src="https://via.placeholder.com/636x420.png" color="#d9d9d6"/>
                            <v:textbox  inset="0,0,0,0">
                            <![endif]--> 
                            <table width="588" cellpadding="0" cellspacing="0" style="border-spacing: 0; margin:0 auto;width:588px;" border="0" align="center" class="deviceWidth1"> 
                              <tbody> 
                                <tr> 
                                  <td valign="top" style="vertical-align:top;"> 
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0"> 
                                      <tbody> 
                                        <tr> 
                                          <td class="block" valign="top" style="vertical-align:top;"> 
                                             </td> 
                                        </tr> 
                                        <tr> 
                                          <td class="block" valign="top" style="vertical-align:top;"> 
                                             </td> 
                                        </tr> 
                                        <tr> 
                                          <td valign="top" style="vertical-align:top;"> 
                                            <table align="right" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;"> 
                                              <tbody> 
                                                <tr> 
                                                  <td align="right" style="text-align:right; margin: 0 auto;"> 
                                                      <table style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0 auto; text-align: right;" cellspacing="0" cellpadding="0" align="right"> 
                                                        <tbody> 
                                                          <tr> 
                                                            <td bgcolor="#2541C7" style="text-decoration: none; color: #ffffff; border: 1px solid #2541C7; outline: none; background-color: #2541C7; font-family: HCo Gotham SSm,Gotham SSm A,Gotham SSm B,Gotham,Helvetica,Arial,sans-serif; font-size: 14px; mso-line-height-rule: exactly; text-align: right; vertical-align: top; line-height: 14px; padding: 9px 37px; text-transform: normal; font-weight: bold; display: block; border-radius: 20px;" valign="middle"><a style="outline: 0; text-decoration: none; color: #ffffff;" href="#">CTA Text</a></td> 
                                                          </tr> 
                                                        </tbody> 
                                                      </table>
                                                    </td> 
                                                </tr> 
                                              </tbody> 
                                            </table> </td> 
                                        </tr> 
                                      </tbody> 
                                    </table> </td> 
                                </tr> 
                              </tbody> 
                            </table> 
                            <!--[if gte mso 9]>
                          </v:textbox>
                         </v:rect>
                        <![endif]--> </td> 
                        </tr> 
                      </tbody> 
                    </table></td> 
                </tr> 
              </tbody> 
            </table> </td> 
        </tr> 
      </tbody> 
    </table>  
  </body>
</html>