.notice {
  position: fixed;
  inset: -5rem 0 auto;
  border-radius: .5rem;
  background-color: #ffffff;
  padding: 1rem 2rem;
  box-shadow: 0 0 8px rgba(0,0,0,.4);
  margin: 0 auto;
  width: max-content;
  z-index: 999;
  animation: slideInOut 5s forwards;
  animation-delay: .5s;
}

@keyframes slideIn {
  from {
    inset-block-start: -5rem;
  }

  to {
    inset-block-start: 3rem;
  }
}

@keyframes slideInOut {
  0% {
    inset-block-start: -5rem;
  }

  10%, 90% {
    inset-block-start: 3rem;
  }

  100% {
    inset-block-start: -5rem;
  }
}