@vcl/vcl/process-nav/demo/example-narrow.html

The whole VCL in one package

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css">

<nav class="process-nav toolbar row center">
  <button type="button" class="button emphasized-transparent square">
    <div class="icogram">
      <div class="icon fas fa-angle-left fa-2x" aria-hidden="false" aria-label="navigation" role="img"></div>
    </div>
  </button>

  <div class="row justify-center center flex">
    <span class="process-nav-step-no">21</span>
    <span class="process-nav-step-label">Step #21</span>
  </div>

  <button type="button" class="button emphasized-transparent square">
    <div class="icogram">
      <div class="icon fas fa-angle-right fa-2x" aria-hidden="false" aria-label="plus" role="img"></div>
    </div>
  </button>
</nav>