JSFiddle - React, Tailwind, and code Playground

by mlms13

HTML

<div id="button">Buy Now</div>

CSS

body {
    background: #323232;
    font-family: sans-serif;
}
#button {
    background: #a00;
    background-image: -webkit-linear-gradient(#fc1010, #d90000 49%, #c10000 51%, #a60000);
    border: 1px solid #f00;
    border-bottom-color: #c30505;
    border-top-color: #ff9191;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0,0,0,1);
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding: 7px 32px;
    text-align: center;
    text-shadow: 0 -1px 1px #4c4d4d;
    text-transform: uppercase;
}