JSFiddle - React, Tailwind, and code Playground

HTML

<p class="more">
    <a href="#">READ MORE</a>
</p>

CSS

.more{
        /*display: none;*/
        position: center;
        top: 0;
        width: 100%;
        text-align: center;
        z-index: 2;
        margin: 0;
        padding: 0;
     }

     .more a{
       background: red;
    
       display: block;
       width: 120px;
       height: 120px;
       margin: auto;
       -moz-border-radius: 100px;
       -webkit-border-radius: 100px;
    }