<div class="micromodal-slide" id="{{ id }}" aria-hidden="true">
  <div class="modal__overlay" tabindex="-1" data-micromodal-close>
    <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="{{ id }}-title">
      <header class="modal__header">
        <h2 class="modal__title" id="{{ id }}-title">{{ title }}</h2>
        <button class="modal__close" aria-label="Close modal" data-micromodal-close></button>
      </header>
      <div class="modal__content" id="{{ id }}-content">
        <p>{{ content }}</p>
      </div>
    </div>
  </div>
</div>
