.#{$n}-skip-link {
  position: absolute;
  z-index: 100;
  top: $spacer;
  left: 50%;
  padding: $spacer * 0.5 $spacer * 0.75;
  transform: translate(-50%, -1 * $spacer * 0.25) scale(0);
  transform-origin: 50% 0%;
  transition:
    transform $transition,
    opacity $transition;
  border: 1px solid $white;
  border-radius: $borderradius-small;
  opacity: 0;
  background: $interaction;
  color: $white;
  font-size: $fontsize-small;

  &:focus-visible {
    transform: translate(-50%, 0%) scale(1);
    outline: none;
    opacity: 1;
  }
}