JSFiddle - React, Tailwind, and code Playground

HTML

<br>
<p>Me non paenitet nullum festiviorem excogitasse ad hoc. Ullamco laboris nisi ut aliquid ex ea commodi consequat <a href="http://www.youtube.com/watch?v=9sSc5ZPK7P8" data-sparkicon="media"
    data-sparkicon-plus="12:02">rugby world cup</a> quid securi etiam tamquam eu fugiat nulla pariatur. Quisque placerat facilisis egestas cillum dolore. Non equidem invideo, miror magis posuere velit aliquet.</p>

<br>

CSS

p {
  font-family: sans-serif;
  text-decoration: none;
    line-height: 1.5em;
}

a {
  font-family: sans-serif;
  text-decoration: none;
    color: darkred
}

a:hover {text-decoration: underline}

a[data-sparkicon$="media"]:after {
  content:" >" attr(data-sparkicon-plus);
  font-size:xx-small;
  vertical-align:super;
  font-family: sparkicons;
  color: darkgrey
}


@font-face {
  font-family:"sparkicons";
  src:...