.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid gray;width:500px;height:600px}.modal-header{background-color:#373942;color:#fff;font-size:20px;display:flex;justify-content:space-between;padding:10px}.modal-content{padding:20px}.modal-foot{position:absolute;bottom:0;display:flex;justify-content:space-between;height:44px;width:100%}.modal-close-icon{display:flex;align-items:center}.modal-close-icon:hover{cursor:pointer;background-color:#454752}.modal-button{width:100%;height:44px;display:flex;justify-content:center;align-items:center;color:#fff}.modal-button:hover{cursor:pointer}.modal-primary-button{background-color:#2f65e4}.modal-primary-button:hover{background-color:#618ffa}.modal-secondary-button{background-color:#e42f2f}.modal-secondary-button:hover{background-color:#ff6e6e}.modal-cancel-button{background-color:#373942}.modal-cancel-button:hover{background-color:#6c7078}.modal-button-disabled,.modal-button-disabled:hover{cursor:not-allowed;background-color:#b7b8bc}