.contact-link {
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: opacity 160ms ease, text-decoration-color 160ms ease;
}

.contact-link:hover,
.contact-link:focus-visible {
  opacity: 0.82;
  text-decoration-color: currentColor;
}

.contact-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 3px;
}