<div class="ss-container ss-py-4">
  <button onclick="document.getElementById('modal').style.display='block'" class="ss-btn ss-outlined">Open Modal</button>
</div>
<div id="modal" class="ss-modal">
  <div class="ss-modal-content">
    <header class="ss-container ss-bg-brand ss-white ss-center">
      <span onclick="document.getElementById('modal').style.display='none'" class="ss-button ss-disp-topright">&times;</span>
      <h2>Modal Header</h2>
    </header>
    <div class="ss-container ss-center">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae egestas felis, ut mollis elit. In ut ultrices ex. Integer.</p>
    </div>
    <footer class="ss-container ss-bg-brand ss-white ss-center">
      <p>Modal Footer</p>
    </footer>
  </div>
</div>