JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="buy">
<p>Buy</p>
                </a>

CSS

.buy {
    border: 3px solid black;
    border-radius: 15px 15px 15px 15px;
    background: white;
    display: block
}

.buy p {
    color: #445162;
    font-size: 30px;
    font-weight: bold;
    margin-left: 120px;
}