body {
font-family: Arial, sans-serif;
} .wm-modal {
display: none; position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto; 
background-color: rgba(0, 0, 0, 0.5); 
}
div#modal img.size-medium.aligncenter,div#modal img.alignnone.size-medium {
max-width: 100%;
height: auto;
margin: -16px auto -16px auto;
}div#modal img.aligncenter.size-full {
max-width: 100%;
height: auto;
margin: -16px auto -16px auto;
}
.wm-modal-content {
background-color: white;
margin: auto;
padding: 0;
width: 500px;
height: auto;
min-height: 250px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.wm-modal-header {
height: 50px;
background-color: #f5f5f500;
padding: 27px 20px 20px 20px;
color: rgb(0, 0, 0);
font-size: 1.8rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}.wm-modal-header h2 {
font-size: 1.5rem;
}
.wm-modal-body {
padding: 16px 12px;
height: auto;
min-height: 150px;
text-align: center;
}
.wm-modal-footer {
background-color: #ececec;
padding: 10px;
text-align: center;
}