<div class="modal">
    <button onclick="document.getElementById('modal-dis').style.display='block' " class="btn" type="button" id="alert-btn">Open Modal</button>
</div>
<div class="modals" id="modal-dis">
    <div class="modal-display">
        <div onclick="document.getElementById('modal-dis').style.display='none' " class="alert-modal">
            <h4 class="modal-heading">Alert Modal</h4>
            <p class="small-text">Modal Body Text</p>
            <button class="btn action-btn">Action 1</button><button class="btn action-btn">Action 2</button>
        </div>
    </div>
</div>