.alert-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  width: 100%;
  height: 100%;
}

.alert-container {
  display: flex;
  border: 2px solid #f2c2cb;
  background-color: #ffe8e5;
  width: 450px;
  border-radius: 10px;
  padding: 20px;
}

.alert-text-container {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.alert-text-container h2 {
  font-size: 24px !important;
}

.alert-container * button {
  color: black !important;
  border-radius: 10px;
  padding: 10px 20px;
  max-width: 105px;
}

.alert-buttons-container {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.alert-buttons-container > * {
  transition: 0.3s;
}

.alert-button-confirm {
  background-color: #ef7fad;
}

.alert-button-cancel {
  background-color: #f2c2cb;
}

.alert-button-confirm:hover {
  background: #d17098;
}

.alert-button-cancel:hover {
  background: #cba3aa;
}