Как выровнять текст по вертикали внутри блока bootstrap?

Кнопку получилось выровнять благодаря class="align-self-center", с текстом что-то не получается никак

<li class="list-group-item list-group-item-action" style="padding-left: 5px; padding-right: 5px">
   <div class="row">
      <div class="col-6 col-sm-10 col-md-10 col-lg-6 col-xl-6 text-left">
         <a href="#" style="color: black">
            <p style="font-size: 0.9rem; padding: 0; margin: 0"><b>{{$event->city}}</b></p>
            <p style="font-size: 0.8rem">{{\Carbon\Carbon::parse($event->eventdata)->format('d/m/Y')}}</p>
         </a>
      </div>
      <div class="col-6 col-sm-2 col-md-2 col-lg-6 col-xl-6 text-right align-self-center">
         <a href="#"><button type="button" class="btn btn-dark">Билеты <i class="fa fa-check"></i></button></a>
      </div>
   </div>
</li>