JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="pagedMenu">
       <ul style="font-size: 28px;">
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 1</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 2</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 3</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 4</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 5</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 6</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 7</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 8</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 9</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 10</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 11</a></li>
        	<li class="" style="margin-bottom: 5px;"><a href="#">Link 12</a></li>
      </ul>
    </nav>

    <div id="pagination">
        <a href="#" id="prevPage" class="hidden">Previous</a>&nbsp;&nbsp;
        <a href="#" id="nextPage" class="hidden">Next</a>
        <span id="msg"></span>
    </div>

CSS

.hidden {
        display: none;
    }

    body {
        font: normal 1.0em Arial, sans-serif;


    }


    nav.pagedMenu {
        color: red;
        font-size: 2.0em;
        line-height: 1.0em;
        width: 8em;
        position: fixed; 
        top: 50px;
    }

    nav.pagedMenu ul {

        list-style: none;
        margin: 0;
        padding: 0;
    }

    nav.pagedMenu ul li {
        height: 1.0em;
        padding: 0.15em;
        position: relative;
        border-top-right-radius: 0em;
        border-bottom-right-radius: 0em;
        -webkit-transition: 
        -webkit-transform 220ms, background-color 200ms, color 500ms;
        transition: transform 220ms, background-color 200ms, color 500ms;
    }

    nav.pagedMenu ul li:hover a {
        transition: padding-left 500ms,color 1200ms;
        padding-left:1.5em;
        color: red;
    }
    nav.pagedMenu ul li span {
        display:block;
        font-family: Arial;
        position: absolute;
        font-size:1em;
        line-height: 1.25em;
        height:1.0em;
        top:0; bottom:0;
        margin:auto;
        right: 0.01em;
        color: #F8F6FF;

    }

    a {
        color: gold;
        transition: color, 1200ms;
        text-decoration: none;
    }

    #pagination, #prevPage, #nextPage {
        font-size: 1.0em;
        color: gold;    
        line-height: 1.0em;
        padding-top: 250px;
        padding-left: 5px;
    }