<div class="modal-background">
    <div class="modal-container">
        <div class="modal-heading-container">
            <h1 class="modal-h1">Delete Question?</h1>
        </div>
        <div class="modal-content-container">
            <div><strong>This action cannot be undone and has important effects:</strong><br></div>
            <ul role="list" class="list-unordered">
                <li>This question will no longer appear in future PulseChecks</li>
                <li>Past PulseCheck reports will still show this question and its data</li>
                <li>New questions will start fresh with no connection to previous data</li>
            </ul>
            <div><strong>Tip: </strong>Consider editing this question instead if you&#x27;re keeping the same core question but just changing how it&#x27;s worded.<br></div>
        </div>
        <div class="form-button-container">
            <button type="button" class="button tertiary full w-button">Cancel</button>
            <button type="button" class="button full danger w-button">Delete</button>
        </div>
        <div class="modal-close-button">
            <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
        </div>
    </div>
</div>