Breadcrumbs

<div class="bar bar--nospace align-items-middle mb-none">
  <div class="bar__item">
    <button class="btn btn--link btn--condensed btn--small">
      //icon
      Back
    </button>
  </div>
  <div class="bar__item"><a class="btn btn--link-black btn--condensed-xs btn--small text-regular" href="#">First</a></div>

  //arrow
  <span class="icon icon-chevronright text-color-grey-300 bar__item">
    ...
  </span>

  <div class="bar__item"><a class="btn btn--link-black btn--condensed-xs btn--small text-regular" href="#">Second</a></div>

  //arrow

  <div class="bar__item"><a class="btn btn--link-grey btn--condensed-xs btn--small text-regular" href="#">Last</a></div>
</div>