Bonjour tout le monde,

Etant sous bootstrap 4, j'ai voulu créer une card avec une div contenant du texte et un bouton. 

voici mon html :

            <div class="card">
              <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <div class="card-text text-center">
                    I'm not very good in english guys. Thanks for being patient with me.
                    <a href="#"><center><button class="btn btn-success">Book</button></center></a>
                  </div>
              </div>
            </div>

ainsi que mon css :

.card{
  width: 300px;
  height: 240px;
  background-image: url('../img/cards/1.png');
  background-repeat: no-repeat;
  /*background-position: center;*/
  margin-top: 5px;
}
.card-title {
  text-align: center;
}
.card-text-t{
  width: 300px;
  height: 75px;
  background-color: black;
  opacity: 0.5;
  font-size: 11px;
  position: absolute;
  bottom: 0;
  color: white;
  display: block;
}

Comme une image vaut mieux que mille mots, je vous montre mon problème :

D'avance merci.