Alerts: Default

<dialog open class="alert">
    <div>
        <strong>Primary Headline</strong>
        <p>Supplement information about the timely information.<br> data-start and data-end attribute to control scheduling.</p>
    </div>
    <a href="#" class="btn">Click Here</a>
    <form method="dialog"><button>X</button></form>
</dialog>

<dialog open class="alert" data-start="1694634596" data-end="1694636805">
    <div>
        <strong>Primary Headline</strong>
        <p>Supplement information about the timely information.</p>
    </div>
    <a href="#" class="btn">Click Here</a>
    <form method="dialog"><button>X</button></form>
</dialog>