.notifications-container {
  width: 320px;
  height: auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;

  /* Fixa no canto inferior direito */
  position: fixed;
  bottom: 20px; /* distância da base da tela */
  right: 20px; /* distância da lateral direita */
  z-index: 9999; /* para ficar sobre todos os elementos */
}

.flex {
  display: flex;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.alert {
  background-color: rgb(254, 232, 232);
  border-left-width: 4px;
  border-color: rgb(250, 21, 21);
  border-radius: 0.375rem;
  padding: 1rem;
  position: relative; /* ← Importante para posicionar o X */
}

.alert-svg {
  height: 1.25rem;
  width: 1.25rem;
  color: rgb(250, 21, 21);
}

.alert-prompt-wrap {
  margin-left: 0.75rem;
  color: rgb(202, 4, 4);
}

.alert-prompt-link {
  font-weight: 500;
  color: rgb(141, 0, 0);
  text-decoration: underline;
}

.alert-prompt-link:hover {
  color: rgb(202, 4, 4);
}
.btnfecharnot {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 1.2rem;
  color: rgb(141, 0, 0);
  cursor: pointer;
  user-select: none;
  font-weight: bold;
}

.btnfecharnot:hover {
  color: rgb(202, 4, 4);
}