JSFiddle - React, Tailwind, and code Playground

HTML

<button id="btnPrevious">
Previous
</button>
<button id="btnNext">
Next
</button>

CSS

#btnNext {
        border: 0px solid #FFF;
        box-shadow: none;
        height: 20px;
        opacity: .3;
        padding: 0px;
        visibility: visible;
        position: none;
        bottom: 0px;
        right: 15px;
        z-index: 999;
    } 
    #btnPrevious {
        border: 0px solid #FFF;
        box-shadow: none;
        height: 20px;
        opacity: .3;
        padding: 5px;
        visibility: visible;
        position: none;
        bottom: 30px;
        left: 30px;
        z-index: 999;
    }
   #btnPrevious:hover,
   #btnNext:hover{ 
        opacity: 1;
        transition: all .3s ease-in-out;
        background-color: red;
    }