.static-site-notice {
  position: fixed;
  z-index: 10000;
  left: 50%;
  bottom: 24px;
  width: min(520px, calc(100% - 32px));
  padding: 14px 18px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  color: #fff;
  background: #202635;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
  font: 14px/1.45 Arial, sans-serif;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 14px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.static-site-notice.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}