.transition-skip {
  position: absolute;
  z-index: 1300;
  inset-block-start: max(1rem, env(safe-area-inset-top));
  inset-inline-end: max(1rem, env(safe-area-inset-right));
  min-block-size: 2.75rem;
  padding-inline: 1rem;
  border: 1px solid rgb(255 250 240 / 72%);
  border-radius: 999px;
  color: #fffaf0;
  background: rgb(5 8 10 / 72%);
  font: 700 0.75rem / 1 var(--body, system-ui, sans-serif);
  letter-spacing: 0.06em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.transition-skip:hover {
  background: rgb(5 8 10 / 90%);
}

.transition-skip:focus-visible {
  outline: 2px solid var(--focus, #ffe09a);
  outline-offset: 4px;
}