JSFiddle - React, Tailwind, and code Playground

HTML

<div class="paginator-widget">
    <section>
        <div class="page">First</div>
        <div class="page">Previous</div>
    </section>
    <section>
        <div class="page">1</div>
        <div class="page">2</div>
        <div class="page">3</div>
        <div class="page">4</div>
    </section>
    <section>
        <div class="page">Next</div>
        <div class="page">Last</div>
    </section>
</div>

CSS

.page { background-color: black; color: white; }
section div:first-child { border-radius: 5px 0 0 5px; }
section div:last-child { border-radius: 0 5px 5px 0; }