<div class="modal">
    <div class="modal__header">
        <h5 class="modal__title">Modal title</h5>
        <button type="button" class="modal__close" data-bs-dismiss="modal" aria-label="Close">
            <i class="ri-close-line"></i>
        </button>
    </div>
    <div class="modal__body">
        <p>Modal body text goes here.</p>
    </div>
    <div class="modal__footer">
        <button type="button" class="btn btn--secondary" data-bs-dismiss="modal">
            Close
        </button>
        <button type="button" class="btn btn--primary">
            Save changes
        </button>
    </div>
</div>