a,
.link {
  color: var(--color-link);
  transition: color .2s ease-out;
  text-decoration: none;
}

a:hover,
a:active,
.link:hover,
.link:active {
  color: var(--color-link-hover);
  text-decoration: underline;
}

a:visited,
.link:visited {
  color: var(--color-link-visited);
}

a:active,
.link:active {
  background-color: transparent;
  box-shadow: 0 0 0 0.4rem var(--color-link-active-outline);
}