a {
  color: var(--brand);
  text-decoration: underline;
  font-family: "Open Sans", sans-serif;
  text-underline-offset: 0.3em;
}

a:has(svg) {
  border-bottom: none;
}

/* Fallback for :has(svg) */
a.icon {
  border-bottom: none;
}

a.external-link {
  display: flex;
  align-items: center;
  max-width: max-content;
}

a.external-link::after {
  content: url("/assets/icons/external-link.svg");
  max-height: 1em;
  display: flex;
  color: inherit;
  padding-left: 0.3em;
}

a:hover,
a:focus {
  text-decoration-thickness: 0.17rem;
}