.social-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--green);
  font-weight: 700;
  transition: color .2s, transform .2s;
}

.social-link:hover {
  color: #25866d;
  transform: translateY(-1px);
}

.social-link:focus-visible {
  outline: 3px solid rgba(37, 134, 109, .25);
  outline-offset: 4px;
  border-radius: 3px;
}

.social-link svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.social-link .social-dot {
  fill: currentColor;
  stroke: none;
}