.toast-close {
  position: absolute;
  top: 4px;
  right: 4px;
}
.info {
  background: white;
  color: black;
}
.info > .toast-close {
  color: black;
}
.error {
  background: #dc2626; /* darker red instead of bright red */
  color: white;
}
.error > .toast-close {
  color: white;
}
.warn {
  background: #fb923c; /* lighter orange */
  color: white;
}
.warn > .toast-close {
  color: white;
}

.toastify {
  width: 400px;
}