.toast {
  position: fixed;
  right: -300px;
  width: 300px;
  bottom: 20px;
  padding: 20px;
  font-size: 18px;
  border: 3px solid;
  border-image: linear-gradient(to right, #836323 0, #c3a568 51%, #836323 100%);
  border-image-slice: 1;
  background: rgba(30, 35, 40, 0.85);
  color: #c8aa6e;
  transition: all .3s ease-in-out;
  text-align: center;
}

.toast.show {
  right: 20px;
}