I am having trouble making a specific button for Outlook within my email. Due to the different sections in my EMAIL, the button got wrapped in v:rect and now it is shifting to the top of the email. Can someone assist me with this issue?
Actual Image - https://i.sstatic.net/sBzaA.png
Expected Image - https://i.sstatic.net/PJzoY.png
Relevant code -
<!--[if mso]>
</v:textbox>
</v:rect>
<![endif]-->
<!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:730px;" height='auto'>
<v:fill type="tile" src="" />
<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
<![endif]-->
<div><div style="font-size:0;line-height:0;">
<table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0; width: 100%; position: relative;">
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left;">
<th class="small-12 large-6 columns first " style="word-break: break-word; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: left; font-size: 16px; line-height: 1.3; margin: 0 auto; padding-bottom: 16px; max-width: 568px; width: 274px; padding-right: 8px; padding-left: 16px;">
<table style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; width: 100%;">
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left;">
<th style="word-break: break-word; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: left; margin: 0; font-size: 16px; line-height: 1.3;">
<p style="Margin: 0 0 0 10px; color: #0a0a0a; font-family: Helvetica, Arial, sans-ser...
Here's the full code
<!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" lang="en" xml:lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<!-- Media queries are added in style block as Juice cannot inline them -->
<style type="text/css"> @media only screen {
html {
min-height: 100%;
background: #f3f3f3;
}
table.body {
width: 100%;
margin: 0 auto;
}
center {
width: 100%;
min-width: 0px !important;
}
table.body table.container {
width: 100%;
max-width: 584px;
table-layout: fixed;
margin: 0 auto;
...