.tooltip {
  position: fixed;
  bottom: 20px;
  right: 20px; /* Alterado para o canto inferior direito */
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 1000;
  animation: fadeInOut 3s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.tooltip.success {
  background-color: #4caf50;
}

.tooltip.error {
  background-color: #f44336;
}

.tooltip.alert {
  background-color: #ffc107;
  color: #000;
}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
}