JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li><span class="first">First<span class="sub">+ More info</span></li>
    <li><span class="second">Second<span class="sub">+ More info</span></li>
    <li><span class="third">Third<span class="sub">+ More info</span></li>
</ol>

CSS

ol {
    list-style-type: decimal-leading-zero;
}

.sub {
    display: none;
  
}

.sub:hover {
    color:#ff0000;

}

.first:hover .sub{
      display:inline;   
}

.second:hover .sub{
      display:inline;   
}

.third:hover .sub{
      display:inline;   
}