JSFiddle - React, Tailwind, and code Playground

by itspers

HTML

<input type="submit" value="SUBMIT" class="btn-submit"/>

CSS

.btn-submit {
    width: 200px;
    height: 60px;
    
    font-size: 21px;
    color: #7D7D7D;
    
    cursor: pointer;
    
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 0%, #cbcbcb 80%, #b9b9b9 92%, #b9b9b9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(80%,#cbcbcb), color-stop(92%,#b9b9b9), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%,#cbcbcb 80%,#b9b9b9 92%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%,#cbcbcb 80%,#b9b9b9 92%,#b9b9b9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%,#cbcbcb 80%,#b9b9b9 92%,#b9b9b9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 0%,#cbcbcb 80%,#b9b9b9 92%,#b9b9b9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
    
    
    border: 1px solid #D4D4D4;
    border-radius: 5px;
    
}