<!--Modal trigger button-->
<button
 type="button"
 class="btn btn-primary er fs-6 px-8 py-4"
 data-bs-toggle="modal"
 data-bs-target="modal-id"
>
 Open modal
</button>

<div
 class="modal fade"

 tabindex="-1"
 aria-hidden="true"
 >
 <!--begin::Modal dialog-->
 <div class="modal-dialog modal-dialog-centered mw-650px">
 <!--begin::Modal content-->
 <div class="modal-content rounded">
 <!--begin::Modal header-->
 <div class="modal-header pb-0 border-0 justify-content-end">
 <!--begin::Close-->
 <div
 class="btn btn-sm btn-icon btn-active-color-primary"
 data-bs-dismiss="modal"
 >
 <KTIcon icon-name="cross" icon-class="fs-1" />
 </div>
 <!--end::Close-->
 </div>
 <!--begin::Modal header-->

 <!--begin::Modal body-->
 <div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
 <!--Modal body-->
 </div>
 <!--end::Modal body-->
 </div>
 <!--end::Modal content-->
 </div>
 <!--end::Modal dialog-->
 </div>