Empty State

    <div class="o-card">
  <div class="o-card__body">
    <div class="o-empty-state">
      <div class="o-empty-state__content">
        <div class="o-empty-state__title">
          <h2>It's your first time here</h2>
        </div>

        <div class="o-empty-state__description">
          <p>A short explanation of this view or why it is empty. Longer texts span into multiple lines.</p>
        </div>

        <div class="o-empty-state__buttons">
          <button type="button" class="o-button">Continue</button>
        </div>
      </div>

      <div class="o-empty-state__image"><img src="/images/empty-state.svg"></div>
    </div>
  </div>
</div>
  

    <div class="o-empty-state o-empty-state--no-gutter">
  <div class="o-empty-state__content">
    <div class="o-empty-state__title">
      <h2>It's your first time here</h2>
    </div>

    <div class="o-empty-state__description">
      <p>A short explanation of this view or why it is empty. Longer texts span into multiple lines.</p>
    </div>

    <div class="o-empty-state__buttons">
      <button type="button" class="o-button">
        Continue
      </button>
    </div>
  </div>

  <div class="o-empty-state__image"><img src="/images/empty-state.svg"></div>
</div>