I am creating two buttons side by side, and when testing in Outlook 2007 - 2014, they are not rendering properly. Below is the html/css for the buttons.

}
#container
{
width:150%

}

button1

{
width:50%;
float: left;
margin-right: 5px;
position: relative;
color: #ffffff;
padding:5px 0px 5px 0px;
border: none;
background-color: #ed1c2e;
font-family: Arial, sans-serif;
font-weight: bold;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

button2

{
width:40% 60%;
float: left;
border: none;
position: relative;
color: #ed1c2e;
padding:5px 8px 5px 8px;
background-color: #ffffff;
font-family: Arial, sans-serif;
font-weight: bold;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

<div id="container">

<a href="https://westerncentralny.aaa.com/insurance/quote?zip=14233&utm_source=ExactTarget&utm_medium=Email&utm_campaign=171227%20Insurance%20New%20Years%20Savings&utm_content=Quote%20CTA
"><button id="button1">REQUEST A QUOTE</button></a>
<a href="tel:1-888-671-7075"><button id="button2">CALL NOW</button></a>

</div>