.github h2 {
  display: block;
  margin: 28px 0 42px;
}

.github-hero-link,
.github h2 > .github-fallback {
  display: flex;
  width: 100%;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  font: inherit;
  letter-spacing: inherit;
}

.github-hero-link {
  padding: 18px 16px 22px;
  color: inherit;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 12px;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.github-hero-link > span,
.github-fallback > span {
  color: var(--blue);
  font-family: Arial, sans-serif;
  font-size: .8em;
  font-weight: 400;
  transition: transform .2s ease;
}

.github-hero-link:hover {
  color: #153dbd;
  background: rgb(255 255 255 / 38%);
  border-color: rgb(18 59 229 / 22%);
}

.github-hero-link:hover > span {
  transform: translate(6px, -6px);
}

.github-hero-link:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 4px;
}

.github-hero-link[hidden],
.github-fallback[hidden] {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .github-hero-link,
  .github-hero-link > span {
    transition: none;
  }
}