<div class="modal" id="example-modal">
  <div class="modal__overlay"></div>
  <div class="modal__container">
    <div class="modal__content">
      <div class="modal__header">
        <h2 class="modal__title">Заголовок модального окна</h2>
        <button class="modal__close" data-modal-close>&times;</button>
      </div>
      <div class="modal__body">
        <p>Содержимое модального окна...</p>
      </div>
      <div class="modal__footer">
        <button class="btn btn--secondary" data-modal-close>Отмена</button>
        <button class="btn btn--primary">Сохранить</button>
      </div>
    </div>
  </div>
</div>