Modal

<dialog data-target="mymodal" closedby="closerequest">
    <h1 class="h4 text--center">Deine Bearbeitungszeit von 24h ist abgelaufen
        &mdash; aber kein Problem!</h1>

    <p class="font--medium text--center">Mit der Bearbeitungsfunktion kannst du
        deine Karte unkompliziert anpassen – ganz flexibel, wann immer du
        möchtest - innerhalb 90 Tag nach Kauf deiner eCard.</p>

    <div class="btn_wrap --between">
        <button type="button" class="btn btn--secondary" data-closemodal>
            Abbrechen
        </button>
        <a href="#" class="btn btn--primary">
            <i class="ph-bold ph-lock-simple-open"></i>
            Bearbeitung freischalten
        </a>
    </div>
</dialog>

<button type="button" class="btn btn--primary" data-showmodal="mymodal">
    Open Modal
</button>

<script>
    document.querySelector("dialog").showModal();
</script>