Full Screen Modal

<div>
  <div class="c-cover c-cover--visible"></div>

  <div class="c-modal c-modal--visible c-modal--full">
    <div class="c-modal__header">
      <div>
        <h2 class="c-modal__title">Full screen modal</h2>
        <div class="c-modal__subtitle">Modal subtitle goes here</div>
      </div>
      <button type="button" class="c-button c-modal__close c-button--subtle c-button--icon">
        <i class="c-button__icon icon icon-close"></i>
      </button>
    </div>
    <div class="c-modal__body">
      <div class="o-content">
        <div class="o-content__inner">
          <p>
            Full screen modals can contain anything a regular page can contain
            (grid, content wrapper, tables…).
          </p>
        </div>
      </div>
    </div>
    <div class="c-modal__footer">
      <div class="c-modal__footer-right">
        <button type="button" class="c-button c-button--primary">
          <i class="c-button__icon icon icon-check"></i>
          <div class="c-button__label">Finish</div>
        </button>
      </div>
    </div>
  </div>
</div>