.panel-message {
  top: auto;
  bottom: 20px;
}

@keyframes toast-lifecycle {
  0% { opacity: 0; transform: translateY(8px) scale(.98); }
  8% { opacity: 1; transform: translateY(0) scale(1); }
  82% { opacity: 1; transform: translateY(0) scale(1); }
  100% { opacity: 0; transform: translateY(6px) scale(.98); visibility: hidden; }
}

@media (max-width: 720px) {
  .panel-message {
    top: auto;
    right: 12px;
    bottom: 12px;
    width: calc(100vw - 24px);
  }
}