div#guest-mail-template {
  width: 100%;
}

div#guest-mail-template-container {
  padding: 10px;
  width: 100%;
  height: 100%;
}

div#guest-mail-template-container .flex {
  display: flex;
}

div#guest-mail-template-container .justify-between {
  justify-content: space-between;
}

div#guest-mail-template-container .items-center {
  align-items: center;
}

div#guest-mail-template-container .cursor-pointer {
  cursor: pointer;
}

div#guest-mail-template-container .normal-button { 
  padding: 7px 22px;
  text-align: center;
  font: normal normal bold 14px/18px Lato;
  letter-spacing: 0px;
  color: var(--normal-button-color);
  background-color: var(--normal-button-background);
  border: var(--normal-button-border);
  opacity: 1;
  border-radius: 5px;
}

div#guest-mail-template-container .normal-button:hover {
  color: var(--hover-normal-button-color);
  background-color: var(--hover-normal-button-background);
  border: var(--hover-normal-button-border);
}

div#guest-mail-template-container .normal-button:active {
  color: var(--active-normal-button-color);
  background-color: var(--active-normal-button-background);
  border: var(--active-normal-button-border);
}

div#guest-mail-template-container div#mail-templatebutton-container {
  margin-top: 20px;
}