a {
  color: var(--color-foreground);
  text-decoration-style: solid;
  text-underline-offset: 0.3rem;
  -webkit-text-decoration-skip: objects;
  text-decoration-color: hsla(var(--color-foreground-values), 0.5);
  text-decoration-thickness: 2px;
  transition: ease all 400ms;
  width: max-content;
  font-weight: var(--font-weight-boldtext);
}
a:hover {
  text-decoration-color: hsla(var(--color-foreground-values), 1);
}