отзывчивый дизайн без кнопки

Question

Есть два столбца: один - меню (кнопки начальной загрузки), два - некоторый текст. Нет курсора при наведении курсора, нет нажатия кнопки на настольной версии. Все хорошо, только столбцы находятся друг под другом.

@media screen and (min-width: 45em) 
{
  .butcol
  {
    float: left;
    width: 50%;
  }
  
   .abcol 
  {
    float: left;
    width: 50%;
    }
 }

<div class="wrapper">
 
<div class="butcol">
         <a href="#"  class="btn btn-primary btn-sm btn-block" role="button" aria-pressed="true"> Button name </a>       
</div>
 
<div class="abcol">
some text
some text
some text
</div>
 
</div>