/* Base toast style */
.custom-toast {
  padding: 12px 20px;
  color: #ffffff;
  border-radius: 4px;
  font-size: 14px;
  max-width: 300px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Success toast */
.custom-toast-success {
  background-color: #a5dc86;
}

/* Error toast */
.custom-toast-error {
  background-color: #f27474;
}

/* Warning toast */
.custom-toast-warning {
  background-color: #f8bb86;
}

/* Info toast */
.custom-toast-info {
  background-color: #3fc3ee;
}

/* Question toast */
.custom-toast-question {
  background-color: #87adbd;
}

/* Toast title */
.custom-toast .toast-title {
  font-weight: bold;
  margin-bottom: 5px;
}

/* Toast message */
.custom-toast .toast-message {
  opacity: 0.9;
}

/* Close button */
.custom-toast .toast-close-button {
  color: #ffffff;
  opacity: 0.7;
  font-size: 16px;
  background: none;
  border: none;
  padding: 0;
  margin-left: 10px;
  cursor: pointer;
}

.custom-toast .toast-close-button:hover {
  opacity: 1;
}