a:link,
a:active,
a:visited {
  color: var(--font-color);
  /*font-style: italic;*/
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  text-decoration-style: solid;
  /* text-decoration-thickness: 0.1em; */
  text-decoration-color: light-dark(blue, lightblue);
}

a[href^="http"] {
  padding-right: 1em;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22blue%22%20points%3D%222%2C2%205%2C2%205%2C3%203%2C3%203%2C9%209%2C9%209%2C7%2010%2C7%2010%2C10%202%2C10%22/%3E%3Cpolygon%20points%3D%226.2%2C2%2010%2C2%2010%2C5.8%208.6%2C4.4%206.5%2C6.5%205.5%2C5.5%207.6%2C3.4%22/%3E%3C/svg%3E")
    no-repeat right;
  background-size: 11px auto;
}

a[href^="mailto"] {
  padding-right: 1em;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22blue%22%20d%3D%22M1%2C4%20h10%20v6%20h-10z%20l10%2C6m0%2C-6%20l-10%2C6%22/%3E%3C/svg%3E")
    no-repeat right;
  background-size: 11px auto;
}
.mail::before {
  content: "» ";
  color: oklch(0% 0 0 / 80%);
}

a[href^="tel"] {
}
a[href^="sms"] {
}

a:not([href^="http"]):not([href^="mailto"])::before {
  font-size: var(----font-size-small);
  content: "\27A2 ";
}

a:not([href^="http"]):not([href^="mailto"]):hover {
  padding-right: 1em;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22blue%22%20points%3D%222%2C5%203%2C5%203%2C3%209%2C3%209%2C9%207%2C9%207%2C10%2010%2C10%2010%2C2%202%2C2%22/%3E%3Cpolygon%20points%3D%220.5%2C10.5%203.5%2C7.5%202%2C6%205.5%2C6%205.5%2C10%204.5%2C8.5%201.5%2C11.5%22/%3E%3C/svg%3E")
    no-repeat right;
  background-size: 11px auto;
}