Как я могу изменить внешний вид кнопки

Question

У меня есть эта кнопка здесь "снять", как я могу сделать так, чтобы имя соответствовало кнопке в 1 строку?

Вот код

    <div class="col-sm-4 pb-3">
      <!-- Card -->
<div class="card card-image h-90 " >

  <!-- Content -->
  <div class="text-white text-center d-flex align-items-center rgba-black-strong py-5 px-3 justify-content-center ">
    <div>
      <h5 class="pink-text"><i class="fas fa-chart-line"></i> Your Rewards</h5>
      <h3 class="card-title pt-2"><strong>Earned AGI</strong></h3>
        <p>AGI Dividends</p>
        <h3 id="myDividends">0</h3>
        <br>

      <div class="row">
      <div class="col-lg-6  pb-3">
        <button type="button" class="btn btn-primary  btn-block" id="reinvest" onclick="reinvest()" >REINVEST</button>

      </div>
      <div class="col-lg-6 ">
        <button type="button" class="btn btn-primary  btn-block" id="withdraw"  onclick="withdraw()">WITHDRAW</button>
      </div>
    </div>

    </div>
  </div>

вот изображение

Answer 1

Попытайтесь добавить CSS пробел: теперь не переносить, или вы можете просто уменьшить отступ этой кнопки.

.btn {
   white-space: nowrap;
   text-align: center;
}

или

 .btn {
   padding: 0;
   text-align: center;
}