.link,
.link:hover,
.link:focus,
.link:visited {
  position: relative;
  color: var(--color-light-blue);
}

.link:after {
  background-color: var(--color-light-blue);
  bottom: -1px;
  content: '';
  left: 0;
  height: 2px;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity var(--transition-md) ease-out;
}

.link:focus:after,
.link:hover:after {
  opacity: 1;
}