Как я могу стилизовать элементы в гамбургер-меню на панели навигации Bootstrap?

Я создал адаптивную навигационную панель с помощью Bootstrap4. Когда экран большой, есть 2 кнопки. На маленьком экране есть гамбургер-меню.

[введите описание изображения здесь] [1] [введите описание изображения здесь] [2]

Как я могу стилизовать элемент в навигационной панели, чтобы, когда они находятся в гамбургер-меню, больше не выглядели как кнопки?

Спасибо!

Это мой код:

  <a class = "navbar-brand" href = "index.html">MyJobBoard</a>
  <button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarTogglerDemo02" aria-controls = "navbarTogglerDemo02" aria-expanded = "false" aria-label = "Toggle navigation">
  <span class = "navbar-toggler-icon"></span>
  </button>
  <div class = "collapse navbar-collapse" id = "navbarTogglerDemo02">
    <ul class = "navbar-nav navbar-right ml-auto mt-2 mt-lg-0 float-right text-right">
      <li class = "nav-item active">
        <a class = "nav-link post-a-job-button pull-right">Create a profile</a>
      </li>
      <li class = "nav-item">
        <button type = "button" class = "btn btn-light mr-3 pull-right">Sign In</button>
      </li>
      <li class = "nav-item">
        <button type = "button" class = "btn btn-primary mr-3 pull-right">Post a Job</button>
      </li>
    </ul>
  </div>
</nav> ```

  [1]: https://i.stack.imgur.com/ujYIG.png
  [2]: https://i.stack.imgur.com/lE4ib.png