.skip-link {
  position: fixed;
  top: var(--spacing-inset-md);
  left: var(--spacing-inset-md);
  z-index: 3;

  padding: var(--spacing-inset-md);

  font: var(--type-controls-btn-md);
  text-decoration: none;
  color: var(--color-controls-btn-primary-label);
  background-color: var(--color-controls-btn-primary-bg);

  transform: translateY(calc(-100% - var(--spacing-inset-md)));
}

.skip-link:focus-visible {
  transform: none;
}