del, del * {
  text-decoration: line-through;
  text-decoration-color: var(--del-line-through-color);
  text-decoration-thickness: 0.2em;
}

a {
  color: var(--a-color);
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: var(--del-line-through-color);
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.15em;
  transition: text-decoration-color 0.2s ease-in-out;
}

a * {
  color: inherit;
  text-decoration: inherit;
  text-decoration-color: inherit;
  text-decoration-thickness: inherit;
}

a[href^="/"], a[href^="#"] {
  text-decoration: none;
}

a[href] {
  text-decoration-color: var(--a-underline-color);
}

a[href]:hover {
  color: var(--a-hover-color);
  text-decoration-color: var(--a-underline-hover-color);
}

a[href=""] {
  text-decoration-color: var(--del-line-through-color);
}

a[href=""]:hover{
  color: var(--a-color);
  text-decoration-color: var(--del-line-through-color);
}