#toastPopup {
    position:absolute;
    bottom:30px;
    right:30px;
    display:flex;
    align-items: flex-end;
    flex-direction: column;
    gap:20px
}


.toast{
  color: white;
  width: 220px;
  height: 50px;
  background: #242432;
  font-weight: 200;
  border-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight:200; /*reduces the size boldness */
  font-size: 12px;

}


.toast-message.success {
  margin: 20px;
  font-weight:200; /*reduces the size boldness */
  font-size: 12px;
}

.toast-message.error {
  margin: 20px;
  font-family: "Inter", sans-serif;
  font-weight:200; /*reduces the size boldness */
  font-size: 12px;
}

.toast.success i {
    margin-right: 20px;
    color: #76EE9E;
}


.toast.error i {
    margin-right: 20px;
    color: #DC555E;
}