.toast{
  position: fixed;
  left: 10px;
  bottom: 10px;
  background-color: red;
  padding-inline: 1rem;
  border-radius: 5px;
  animation: toast 1s cubic-bezier(0.215, 0.610, 0.355, 1)  8s  forwards;
}
.toast p{
  color: black;
}

@keyframes toast {
  from {
    opacity: 1;
    display: block;
  }
  to{
    opacity: 0;
    display: none;
  }
}