Как сделать, чтобы кнопка purchase-block__btn
была посередине элементов, которые находятся в блоке purchase-block__text
.
.purchase {
background-color: #f4f5f8;
background-image: linear-gradient(to right, #211b19 0%, #4e3427 100%);
}
.purchase-block {
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
.purchase-block__title {
display: block;
text-align: center;
margin-top: 48px;
font-size: 28px;
color: #c7b299;
font-family: Raleway-Regular;
}
.purchase-block__subtitle {
display: block;
text-align: center;
font-size: 18px;
margin-top: 8px;
margin-bottom: 49px;
color: #615855;
font-family: Montserrat-Light;
}
<section class="purchase">
<div class="wrapper">
<div class="purchase-block">
<div class="purchase-block__text">
<span class="purchase-block__title">Waxom Multipurpose WordPress Theme</span>
<span class="purchase-block__subtitle">Don't Forget to Rate the Template. Thanks so much!</span>
</div>
<div class="purchase-block__btn">
<a href="#" class="btn">purchase</a>
</div>
</div>
</div>
</section>