.rec-modal{display:none;position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out}.rec-modal.show{visibility:visible;opacity:1}.rec-modal-dialog{position:relative;max-width:500px;margin:auto;padding:15px}.rec-modal-content{background-color:#fff;padding:20px;border-radius:8px;position:relative;box-shadow:0 3px 9px rgba(0,0,0,.5)}.rec-modal-header{display:flex;justify-content:space-between;align-items:center}.rec-modal-close{background:none;border:none;font-size:20px;cursor:pointer}.rec-modal-footer{text-align:right}.submit-btn{float:inline-end}