a {
  color: inherit;
  cursor: pointer;
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-thickness: max(1px, 0.0625rem);
  text-underline-offset: 0.1em;

  &:hover {
    color: inherit;
    text-decoration-thickness: 3px;
  }

  &:active {
    background-color: var(--color-yellow-20);
    color: inherit;
    text-decoration-thickness: 3px;
  }
}