Как сделать .navbar-brand по центру и размещение кнопок вокруг него?

Question

[Алексей Скворцов]

Добрый день. Необходимо перенести .navbar-brand по центру навбара, а элементы самого навбара должны его окружать по обе стороны.
Так же желательно в правой части создать кнопки "Вход", "Регистрация".
Пока нашел только решение с размещением бренда по центру, но элементы выстраиваются справа от него, сдвигая оный.

Примерное изображение того, как это должно выглядеть:


CSS код:

.navbar-header {
		float: left;
		padding: 0px;
		text-align: center;
		width: 100%;
	}

	.navbar-brand {
		float: none;
	}

HTML код:

<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark shadow-sm">
      <div class="navbar-header">
        <a class="navbar-brand mb-0 h1" href="#">
          NewStore
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
      </div>
      

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link " href="#">Button <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Button</a>
          </li>
        </ul>
      </div>
    </nav>