Как выровнять текст во второй кнопке?
Здравствуйте! Подскажите пожалуйста, создал на сайте вторую аналогичную кнопку, но текст в кнопке не выравнивается по центру. пробовал добавить селектор к существующей кнопке, и второй вариант создать дубликат. И так и так текст во второй кнопке прилип к верхнему краю, хотя стоит text-align: center;. Курс ВЕБ-разработчик 2021 - с нуля до результата! | Задание 20 из 97
HTML:
<section class="wright">
<div class="container">
<img src="icons/box.jpg" alt="box">
<div class="wright_text">
Для всех участников интенсива предусмотрены бонусы и подарки. Нажимайте на кнопку ниже, принимайте участие в вебинарах и забирайте свой приз по окончании обучения!
</div>
<batton class="wright_btn2">Записаться на интенсив!</batton>
</div>
</section>
CSS:
.wright {
min-height: 628px;
padding: 86px 0 87px 0;
}
.wright img {
display: block;
margin: 0 auto;
}
.wright .wright_text {
margin: 42px 0 52px 0;
font-family: Roboto;
font-size: 30px;
line-height: 1.43;
text-align: center;
color: #252525;
}
.wright .wright_btn2 {
display: block;
margin: 73px auto;
width: 313px;
height: 72px;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.18);
border: solid 4px rgba(0, 0, 0, 0.23);
background-image: linear-gradient(to top, #2798b9, #3ab6da);
text-shadow: -0.7px -0.7px 0 rgba(0, 0, 0, 0.22);
text-align: center;
font-family: Roboto;
font-size: 21px;
line-height: 1.14;
color: #fff;
text-transform: uppercase;
cursor: pointer;
outline: none;
}