#modal_dialog {
    width: 600px;
    min-height: 180px;
    padding: 1em;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 1em 1em rgb(0 0 0 / 30%);
}
#modal_dialog::backdrop {
    background-color: darkslategray;
    opacity: .3;
}
#modal_dialog  > form > button {
    padding: 10px 20px;
    border-radius: 3px;
    float: right;
    margin-right: 20px;
    cursor: pointer;
    font-size: 1em;
}
#modal_dialog > form > button.primary {
    background-color: #c7e7ff;
    border: 1px solid #ccd4dc;

}
#modal_dialog  > form > button.cancel {
    background-color: #cad0d4;
    border: 1px solid #ccd4dc;
}
#modal_dialog > form > button.primary:hover {
    background-color: #aadbff;
}
#modal_dialog > form > button.cancel:hover {
    background-color: #a9acae;
}
#dialog_title {
    padding: 10px 0;
}
#dialog_message {
    padding: 20px 0;
}