<button type="button" class="c-btn--medium mt-3" id="toogleModal1">Öppna modalt fönster</button>
<div aria-modal="true" class="c-modal" data-focuselementid="modalStangKnapp2" data-triggersid="toogleModal1,modalStangKnapp1,modalStangKnapp2,modalStangKnapp3" rel="c-modal-js" role="dialog">
  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="c-btn-text--medium modal-close-btn" id="modalStangKnapp1">
        <span class="sjv-i-kryss icon"></span>
        <span>Stäng</span>
      </button>
      <div aria-hidden="true" class="tabbableHiddenElement" tabindex="0"></div>
      <h1 class="modalHeadlineText">Modalt fönster</h1>
    </div>
    <div class="modal-body">
      <p>
        Styleguiden innehåller både färdiga komponenter som går att återanvända i flera typer av digitala
        tjänster samt riktlinjer för språk och grafisk design. Genom att använda styleguiden blir
        utvecklingen mer kostnadseffektiv och våra digitala tjänster blir mer tillgängliga och enhetliga.
      </p>
    </div>
    <div class="modal-footer">
      <button type="button" class="c-primary-btn--medium" id="modalStangKnapp2">Ok</button>
      <button type="button" class="c-btn--medium" id="modalStangKnapp3">Avbryt</button>
    </div>
  </div>
</div>