<a href="" title="Записаться онлайн" class="zap">Записаться онлайн</a>
.zap{
display: block;
height: 35px;
line-height: 35px;
background: #F8A717;
color:#000;
text-align: center;
padding: 0 20px 0 20px;
text-transform: uppercase;
margin-left: auto;
}
<a href="" title="Записаться онлайн" class="zap">Записаться онлайн</a>
display: -webkit-box;
display: -ms-flexbox;
display: flex;
а вот флекс это другое дело.
У вас очень плохой пример, зачем столько ненужных див, не понимаю, заголовок зачем обводить, потом картинку тож зачем.