.body_opacity {
  position: fixed;
  z-index: 998;
  background: black;
  opacity: 0.8;
  top: 0px;
  left: 0px;
  width:100vw;
  height: 100vh;
}

.dialog {
  --width: 220px;
  --height: 115px;
  --margin: 10px;
  --padding: 10px;
  position: fixed;
  height: var(--height);
  width: var(--width);
  margin: var(--margin);
  padding: var(--padding);
  left: calc(50vw - var(--width) / 2 - var(--margin));
  top: calc(50vh - var(--height) / 2 - var(--margin));
  background: white;
  z-index: 99999999;
  border: 1px solid black;
}

.dialog .button_group {
  position: absolute;
  left: 0px;
  bottom: 0px;
  text-align: right;
  width: 100%;
}

.dialog .button_group button {
  padding: 5px;
  background: white;
  border: 1px solid black;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
}

.dialog .button_group button.yes.red {
  background: red;
  color: white;
}

.dialog .button_group button.yes.blue {
  background: #3333DD;
  color: white;
}