.notification {
  opacity: 0;
  transform: translateX(calc(100% + 30px));
  animation: notificationSlideIn 0.28s ease-out forwards;
}

.notification.is-leaving {
  animation: notificationSlideOut 0.22s ease-in forwards;
  pointer-events: none;
}

@keyframes notificationSlideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes notificationSlideOut {
  to {
    opacity: 0;
    transform: translateX(calc(100% + 30px));
  }
}