CSS

.nav-item {
    margin-right: 1rem;
}




 <nav
        class="navbar navbar-expand-lg navbar-light bg-light fixed-top"
        style="display:flex;justify-content:space-between; "
      >
        <a
          class="navbar-brand"
          href="http://www.apstract.io"
          style="display:flex;align-items: center;margin:0; padding-left: 1.3rem; transform: scale(1.3);"
        >
          <img
            src="/dist/img/logo.png"
            width="30"
            height="30"
            class="d-inline-block align-top"
            alt=""
          />
          <span style="font-size: .625em;color:#707070;">APSTRACT</span>
        </a>
        <button
          class="navbar-toggler"
          type="button"
          data-toggle="collapse"
          data-target="#navbarNavAltMarkup"
          aria-controls="#navbarNavAltMarkup"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div
          class="navbar-collapse justify-content-lg-end collapse"
          id="navbarNavAltMarkup"
        >
          <div class="navbar-nav">
            <a
              class="nav-item nav-link btn  btn-sm js-scroll-trigger"
              style="border: 0px"
              href="./features/index.html"
              >Features</a
            >
            <a
              class="nav-item nav-link btn  btn-sm js-scroll-trigger"
              style="border: 0px;border-right: 1px solid gray;border-radius: 0;"
              href="./blog/index.html"
              >Blog</a
            >
            <a
              class="nav-item nav-link btn btn-outline-secondary btn-sm js-scroll-trigger btn-circle"
              style="border: 0px"
              onclick="openSubscribe();"
              >Subscribe</a
            >
            <a
              class=" nav-item nav-link btn btn-primary btn-sm js-scroll-trigger btn-circle"
              style="color:white;"
              onclick="openJoin();"
              >Early Access</a
            >
          </div>
        </div>
      </nav>