.typeset .social-links {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.typeset .social-links a {
  display: inline-flex;
  background-image: none;
}

.typeset .social-links svg {
  display: block;
  width: 2rem;
  height: 2rem;
  fill: currentColor;
}

.typeset .social-links .social-link--github,
.typeset .social-links .social-link--github:hover,
.typeset .social-links .social-link--github:active,
.typeset .social-links .social-link--github:focus {
  color: #181717;
}

.typeset .social-links .social-link--linkedin,
.typeset .social-links .social-link--linkedin:hover,
.typeset .social-links .social-link--linkedin:active,
.typeset .social-links .social-link--linkedin:focus {
  color: #0a66c2;
}

.typeset .social-links .social-link--x,
.typeset .social-links .social-link--x:hover,
.typeset .social-links .social-link--x:active,
.typeset .social-links .social-link--x:focus {
  color: #000;
}