Session Tabs

<div
  style="background: var(--color-neutral-800); padding: 32px"
>
  <div
    class="c-session-tabs"
    style="max-width: 640px"
  >
    <div class="c-session-tab c-session-tab--active">
      <a
        href="#"
        class="c-session-tab__link"
      ></a>
      <div class="c-session-tab__lines">
        <div class="c-session-tab__line">
          <span class="c-session-tab__label">
            <span class="c-session-tab__small-text">
              999999
            </span>
            <span class="c-session-tab__large-text">
              Demo Organisation
            </span>
          </span>
        </div>
        <div class="c-session-tab__line">
          <span class="c-session-tab__label">
            <span class="c-session-tab__small-text">
              000000
            </span>
            <span class="c-session-tab__large-text">
              Simon Wuyts
            </span>
          </span>
        </div>
      </div>
      <div class="c-tooltip c-tooltip--bottom">
        <div class="c-tooltip__trigger">
          <button
            type="button"
            class="c-session-tab__action"
          >
            <div class="c-icon c-icon--small">
              <!-- SVG element -->
            </div>
          </button>
        </div>
        <div class="c-tooltip__overlay">
          <div class="c-tooltip__content">
            Assign current organisation
          </div>
        </div>
      </div>
    </div>
    <div class="c-session-tab">
      <a
        href="#"
        class="c-session-tab__link"
      ></a>
      <div class="c-session-tab__lines">
        <div class="c-session-tab__line">
          <span class="c-session-tab__label">
            <span class="c-session-tab__small-text">
              999999
            </span>
            <span class="c-session-tab__large-text">
              Another Organisation
            </span>
          </span>
        </div>
        <div class="c-session-tab__line">
          <span class="c-session-tab__label">
            <span class="c-session-tab__small-text">
              000000
            </span>
            <span class="c-session-tab__large-text">
              Jan Janssens
            </span>
          </span>
        </div>
      </div>
      <div class="c-tooltip c-tooltip--bottom">
        <div class="c-tooltip__trigger">
          <button
            type="button"
            class="c-session-tab__action"
          >
            <div class="c-icon c-icon--small">
              <!-- SVG element -->
            </div>
          </button>
        </div>
        <div class="c-tooltip__overlay">
          <div class="c-tooltip__content">
            Assign current organisation
          </div>
        </div>
      </div>
    </div>
    <div class="c-session-tab c-session-tab--empty">
      <a
        href="#"
        class="c-session-tab__link"
      ></a>
      <div class="c-session-tab__empty">
        <div
          class="c-session-tab__empty-icon c-icon c-icon--small"
        >
          <!-- SVG element -->
        </div>
        <div class="c-session-tab__empty-label">
          Session 3
        </div>
      </div>
    </div>
  </div>
</div>