all i want for christmas is CSS support for underlines to extend below SVG pseudoelements 😔 (as in the first image)

huge thanks to Nathan Knowler for suggesting a solution i'm now using, which has replaced my incredibly buggy previous attempt:

a[href^="https://en.wikipedia.org/"]::after
  {
    background-image: url(/assets/images/wikipedia.svg);
    background-repeat: no-repeat;
    background-size: 0.8em;
    content: "    ";
    white-space: pre-wrap;
    background-position: right 0 bottom 40%;
  }