JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
    <div class="button"><h1>Start the fight</h1></div>
</div>

CSS

.button{
height:40px;
width:180px;
border-radius: 100px 100px 100px 100px;
border: 1px solid #FF9924;
display:inline-block;
 background-color: rgba(255, 200, 36, 0.5);
padding-top:5px;
opacity:0.7;
}


h1{
    padding: 5px 5px 5px 5px;
    text-align:center;
    font-size:20px;
    font-family: firstone;
    opacity:1.0;
}