JSFiddle - React, Tailwind, and code Playground

HTML

<ol id="b_results">
    <li class="b_algo" data-bm="5">
        <!--some <a> tags and others-->
    </li>
    <li class="b_ans b_mop" data-bm="6">
        <!--some <a> tags and others-->
    </li>
    <li class="b_ans b_mop b_mopb" data-bm="9">
        <!--some <a> tags and others-->
    </li>
    <li class="b_ans" data-bm="16">
        <!--some <a> tags and others-->
    </li>
    <li class="b_pag" data-bm="18">
        <nav role="navigation" aria-label="More results for cannabis">
            <h4 class="b_hide">Pagination</h4>
            <ul class="sb_pagF">
                <li><a class="sb_inactP sb_pagP sb_pagP_bp b_widePag sb_bp b_roths"></a></li>
                <li><a class="sb_pagS sb_pagS_bp b_widePag sb_bp">1</a></li>
                <li><a class="b_widePag sb_bp" aria-label="Page 2" href="/search?q=cannabis&amp;first=11&amp;FORM=PERE"
                        h="ID=SERP,5540.1">2</a></li>
                <li><a class="b_widePag sb_bp" aria-label="Page 3" href="/search?q=cannabis&amp;first=21&amp;FORM=PERE1"
                        h="ID=SERP,5541.1">3</a></li>
                <li><a class="b_widePag sb_bp" aria-label="Page 4" href="/search?q=cannabis&amp;first=31&amp;FORM=PERE2"
                        h="ID=SERP,5542.1">4</a></li>
                <li><a class="b_widePag sb_bp" aria-label="Page 5" href="/search?q=cannabis&amp;first=41&amp;FORM=PERE3"
                        h="ID=SERP,5543.1">5</a></li>
                <li><a title="Next page" class="sb_pagN sb_pagN_bp b_widePag sb_bp "
                        href="/search?q=cannabis&amp;first=11&amp;FORM=PORE" h="ID=SERP,5544.1">
                        <div class="sw_next">Next</div>
                    </a></li>
            </ul>
        </nav>
    </li>
</ol>