.skip-link {
  position: fixed;
  inset-block-start: 0.75rem;
  inset-inline-start: 0.75rem;
  z-index: 10000;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 0.625rem 1rem;
  border: 2px solid #120904;
  border-radius: 0.65rem;
  background: #ffffff;
  color: #120904;
  font-weight: 800;
  text-decoration: none;
  transform: translateY(calc(-100% - 1.5rem));
}

.skip-link:focus,
.skip-link:focus-visible {
  outline: 3px solid #ff7a1a;
  outline-offset: 3px;
  transform: translateY(0);
}

[tabindex="0"]:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}

@media (forced-colors: active) {
  .skip-link:focus,
  .skip-link:focus-visible {
    outline-color: Highlight;
  }

  [tabindex="0"]:focus-visible {
    outline-color: Highlight;
  }
}