Как сделать позиционирование контента в карточке одинаково с остальными по горизонтали в bootstrap4?

.cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.card {
  max-width: 280px;
  border: 1px solid #000;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="cards">
  <div class="card w-100">
    <div class="card-title">Title</div>
    <div class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, laudantium eveniet placeat eos debitis voluptatum similique laborum hic dolor. Mollitia dolore atque adipisci ex veritatis dicta, possimus minus magni quas!</div>
    <small class="d-block">Subtitle</small>
    <button class="btn btn-success mt-2">Button</button>
  </div>  
    <div class="card w-100">
    <div class="card-title">Title</div>
    <div class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, laudantium eveniet placeat eos debitis voluptatum similique laborum hic dolor. Mollitia dolore atque adipisci ex veritatis dicta, possimus minus magni quas!</div>
    <small>Subtitle</small>
    <button class="btn btn-success mt-2">Button</button>
  </div>  
  
    <div class="card w-100">
    <div class="card-title">Title</div>
    <div class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, laudantium eveniet placeat eos debitis voluptatum similique laborum hic dolor. Mollitia dolore atque adipisci ex veritatis dicta, possimus minus magni quas! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam nemo laudantium cum laborum delectus temporibus ratione deleniti expedita cumque ducimus praesentium atque necessitatibus, obcaecati amet. Voluptatum omnis ullam natus fuga!</div>
    <small class="d-block">Subtitle</small>
    <button class="btn btn-success mt-2">Button</button>
  </div>  
</div>