.gd-skip-link {
  background-color: var(--gd-skip-link--background-color, var(--blue-400--shaded));
  color: var(--gd-skip-link--text-color, var(--white));
  position: fixed;
  top: 0;
  left: 50%;
  pointer-events: none;
  z-index: 1000;
  transform: translate(-50%, -105%);
  transition: transform 0.3s;

  padding: 0.4rem 0.8rem;
  border-radius: var(--default-border-radius);
  font-size: 0.925rem;
}

.gd-skip-link:is(:active, :focus) {
  transform: translate(-50%, 0);
}