JSFiddle - React, Tailwind, and code Playground

by kyllle

HTML

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

CSS

.more{        
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        z-index: 2;
        margin: 0;
        padding: 0;
    background: #f00;
     }

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