dialog {
  /* margin: 0; `margin: auto;` is the default. */
  left: 5%;
  top: 5%;  
  margin: auto;
  width: 90vw;
  max-height: 90vh;
  max-width: 600px;
  z-index: 1;
}
dialog div {  
  padding: 20px;
  text-align: center;
}
dialog div h1 {  
  padding: 20px;
}

dialog div p {
  padding: 20px;
  text-align: center;
  line-height: 1.6;
}
dialog::backdrop {
  background-color: rgba(0,0,0,0.7);
}
dialog button#yes,dialog button#no {
    margin: 10px 0;
    border: 0;
    position: relative;
    /* remover transform e left */
    background-color: #A59D7E;
    color: #FFF;
    letter-spacing: 1.2px;
    text-align: center;
    text-transform: uppercase;
    width: 48%; /* alterado de 40% para 48% */
    font-size: 14px;
    border-radius: 3px;
    font: 800 16px / 50px 'Open Sans', sans-serif;
    height: 50px;
}

dialog button#yes:hover,dialog button#no:hover{
  background: #000;
}

dialog button#close,dialog button#send{
  margin: 10px 0;
  border: 0;
  position: relative;
  transform: translateX(-50%);   
  left: 50%;
  background-color: #A59D7E;
  color: #FFF;
  letter-spacing: 1.2px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  /* margin: 10px 0 20px; */
  font-size: 14px;
  border-radius: 3px;
  font: 800 16px / 50px 'Open Sans', sans-serif;
  height: 50px;
}

dialog button#close:hover,dialog button#send:hover{
  background: #000;
}

#dialogSuccess .button {
    display: inline-block;
    background: #61b380;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease; /* adiciona transição suave */
}

#dialogSuccess .button:hover {
    background: #000000;
}

#dialogSuccess .button-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

#dialogSuccess .button,
#dialogSuccess button#close {
    width: 48%; /* ou width: calc(50% - 10px) */
    margin: 0;
    transform: none;
    left: auto;
}

/* Adicione o estilo para o container dos botões */
#dialogConfirm .button-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 0 20px;
}