.deployment-preview-notice {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 10000;
  max-width: min(360px, calc(100vw - 24px));
  padding: 9px 13px;
  border: 1px solid #173c2a;
  border-radius: 999px;
  background: #fff7bf;
  color: #173c2a;
  box-shadow: 0 8px 24px rgb(23 60 42 / 18%);
  font: 700 12px/1.3 system-ui, sans-serif;
  letter-spacing: .01em;
  text-align: center;
}

@media (max-width: 520px) {
  .deployment-preview-notice {
    right: 8px;
    bottom: 8px;
    max-width: calc(100vw - 16px);
    padding: 8px 11px;
    font-size: 11px;
  }
}