Здравствуйте. Не могу кнопку выровнять по вертикали, съезжает вниз. Кнопка-картинка "ЗАПРОС НА РАСЧЁТ СТОИМОСТИ" всё время уходит на нижний край.



Код этого блока:

<center>
    <div class="blok1" style="text-align: left;">
        <img class="size-full wp-image-73 alignright" src="http://bottoms.pkaem.ru/wp-content/uploads/2019/12/Запрос-на-расчёт-стоимости.png" alt="" width="297" height="62" />
        <span style="color: #ffffff;">
            <strong>
                <span style="font-size: 14pt;">Отправьте заявку на бесплатный расчет</span>
            </strong>
        </span>
        <span style="font-size: 12pt; color: #ffffff;">Специалисты ООО "Алтайэнергомаш" свяжутся с Вами для уточнения деталей заказа</span>
    </div>
</center>

Подскажите пожалуйста, как выровнять кнопу по вертикали по центру?

Если она статичная - "прибейте" её относительным позиционированием
http://htmlbook.ru/css/position

И зачем тут <center> ?

.blok1 {
    display: flex;
    align-items: center; 
}

.blok1 {
    display: flex;
    align-items: center; 
}

Николай70
Может быть ссылку на страницу укажите?, а то мы гадать будем долго.

Первый раз flex использую.
Ещё можно при расширении < 780 прописать другой размер текста.

<div class="blok1" style="display:flex;color: #ffffff;align-items: center;justify-content: space-between;font-size: 12pt;">
	<div style="text-align: center;">
		<strong style="font-size: 14pt;">Отправьте заявку на бесплатный расчет</strong>
		<br> 
		<span>Специалисты ООО "Алтайэнергомаш" свяжутся с Вами для уточнения деталей заказа</span>
	</div>
	<div>
		<div style="background: red;border-radius: 25px;font-weight: 700;padding: 15px;white-space: nowrap;">Запрос на расчет стоимости</div>
		<!--img class="size-full wp-image-73 alignright" src="https://cdn.shortpixel.ai/client/q_glossy,ret_img,w_297,h_62/http://bottoms.pkaem.ru/wp-content/uploads/2019/12/Запрос-на-расчёт-стоимости.png" alt="" width="297" height="62"-->
	</div>
</div>

И убери лишние теги

<center><p></p> .... </center><p></p>

К кнопке можно добавить тень

box-shadow: 0 7px 7px rgba(0,0,0,0.5);

и с тенью

<div class="blok1" style="display:flex;color: #ffffff;align-items: center;justify-content: space-between;font-size: 12pt;">
	<div style="text-align: center;">
		<strong style="font-size: 14pt;">Отправьте заявку на бесплатный расчет</strong>
		<br> 
		<span>Специалисты ООО "Алтайэнергомаш" свяжутся с Вами для уточнения деталей заказа</span>
	</div>
	<div>
		<div style="background: red;border-radius: 25px;font-weight: 700;padding: 15px;white-space: nowrap;">Запрос на расчет стоимости</div>
		<!--img class="size-full wp-image-73 alignright" src="https://cdn.shortpixel.ai/client/q_glossy,ret_img,w_297,h_62/http://bottoms.pkaem.ru/wp-content/uploads/2019/12/Запрос-на-расчёт-стоимости.png" alt="" width="297" height="62"-->
	</div>
</div>

<center><p></p> .... </center><p></p>

box-shadow: 0 7px 7px rgba(0,0,0,0.5);

<div class="blok1" style="display:flex;color: #ffffff;align-items: center;justify-content: space-between;font-size: 12pt;">
	<div style="text-align: center;">
		<strong style="font-size: 14pt;">Отправьте заявку на бесплатный расчет</strong><br />
		<span>Специалисты ООО "Алтайэнергомаш" свяжутся с Вами для уточнения деталей заказа</span>
	</div>
	<div>
		<div style="background: red;border-radius: 25px;font-weight: 700;padding: 15px;white-space: nowrap;">Запрос на расчет стоимости</div>
		<!--img class="size-full wp-image-73 alignright" src="https://cdn.shortpixel.ai/client/q_glossy,ret_img,w_297,h_62/http://bottoms.pkaem.ru/wp-content/uploads/2019/12/Запрос-на-расчёт-стоимости.png" alt="" width="297" height="62"-->
	</div>
</div>

.blok1
 {
 box-shadow:1px 5px 15px -2px #444c6a;
 width:90%;
 padding:20px;
 border-radius: 80px/80px;
	 background: linear-gradient(45deg, #1069d5, #aed2fe);
 }