Необходимо, чтобы при мобильных разрешениях кнопки сменялись текстом. Есть 2 кнопки Login и Sign Up, при больших разрешениях они остаются как есть, а при разрешении менее 768 они должны меняться просто текстом. Отмена стиля через media
не совсем удобный вариант. Думал ещё вариант с отдельным блоком со ссылками, который при маленьком разрешении сменяет кнопки. Ниже на скриншотах кнопки на больших разрешениях и как они должны выглядеть при мобильных.
<ul class="navbar-nav">
<li class="nav-item">
<a href="#" class="btn m-1 btn-aqua btn-md btn-block button-text" role="button" aria-pressed="true">Login</a>
</li>
<li class="nav-item">
<a href="#" class="btn m-1 btn-aqua btn-md btn-block" role="button" aria-pressed="true">Sign Up</a>
</li>
</ul>