.toast-wrapper {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 2;
  padding: 10px 20px;
  color: var(--white);
  font-weight: var(--font-semibold);
  border-radius: var(--rounded-lg);
  background-color: var(--blue-cobalt);
  width: min(280px, 90%);
  pointer-events: none;
}

.toast-wrapper[data-visible="false"] {
  display: none;
}