:is(a[href^="https://donteatthis.vercel.app/"], a[href="https://donteatthis.vercel.app"],
    a[href^="https://github.com/"], a[href="https://github.com"],
    a[href^="https://pfetch.me/"], a[href="https://pfetch.me"],
    a[href^="https://sprig.hackclub.com/"], a[href="https://sprig.hackclub.com"],
    a[href^="mailto:"])::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.55ch;
  vertical-align: middle;
  border-radius: 4px;
  background: var(--chip) center / 100% 100% no-repeat;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.6);
}

a[href^="https://donteatthis.vercel.app/"], a[href="https://donteatthis.vercel.app"] {
  --chip: url("media/icons/chips/_globe.svg");
}

a[href^="https://github.com/"], a[href="https://github.com"] {
  --chip: url("media/icons/chips/github.com.svg");
}

a[href^="https://pfetch.me/"], a[href="https://pfetch.me"] {
  --chip: url("media/icons/chips/_globe.svg");
}

a[href^="https://sprig.hackclub.com/"], a[href="https://sprig.hackclub.com"] {
  --chip: url("media/icons/chips/sprig.hackclub.com.svg");
}

a[href^="mailto:"] {
  --chip: url("media/icons/chips/_mail.svg");
}