JSFiddle - React, Tailwind, and code Playground
HTML
<button>TRY IT FREE</button>
CSS
button {
padding: 10px 15px;
border-radius: 15px;
font-family: Arial;
font-size: 1.3em;
font-weight: 600;
border: 1px solid #7fcd0d;
background: linear-gradient(to bottom, #3e9900 0%, #3e9900 1%, #53bc00 2%, #49aa00 50%, #429800 51%, #429800 100%);
color: white;
text-shadow: 1px 1px 0 #005D00;
cursor: pointer;
outline: none;
}
button:hover {
background: #439a00;
}