.social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 30px;
  margin-top: 42px;
}
.social-links a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--line);
  color: var(--paper);
  font: 500 11px/1.4 'DM Mono', monospace;
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s ease, border-color .2s ease;
}
.social-links a:nth-child(2) { color: var(--color-subtle-text); }
.social-links a span { color: var(--lime); font-size: 16px; line-height: 1; }
.social-links a:hover, .social-links a:focus-visible {
  color: var(--lime);
  border-color: var(--lime);
}
@media (max-width: 760px) {
  .social-links { margin-top: 34px; gap: 16px 24px; }
}