.contact-link {
  color: var(--accent, var(--teal));
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  transition: color 120ms ease, border-color 120ms ease;
}

.contact-link:hover {
  color: var(--text);
  border-bottom-color: var(--accent);
}