JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
    <div class="b">
        <div>
            <a class="button">MAGIC!</a>
        </div>
    </div>
</div>

CSS

.a {
    position: absolute;
    left: 50%;
}  

.b {    
    margin-left: -50%;
    overflow:auto;
}

a:hover {
    color: #888;
}