JSFiddle - React, Tailwind, and code Playground

HTML

<div class="testClass">Link</div>

CSS

.testClass {
    width: 210px;
    height: 63px;
    zoom: 1;
    display: block;
    background-repeat: no-repeat;
    background: #dcdedb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dcdedb 0%, #c9cbc8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcdedb), color-stop(100%, #c9cbc8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dcdedb, #c9cbc8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dcdedb 0%, #c9cbc8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dcdedb 0%, #c9cbc8 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dcdedb 0%#c9cbc8 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdedb', endColorstr='#c9cbc8', GradientType=0);
    /* IE6-9 */
}
.testClass:hover {
    background: #eaebea;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eaebea 0%, #d6d7d5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaebea), color-stop(100%, #d6d7d5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eaebea 0%, #d6d7d5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eaebea 0%, #d6d7d5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eaebea 0%, #d6d7d5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eaebea 0%, #d6d7d5 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaebea', endColorstr='#d6d7d5', GradientType=0);
    /* IE6-9 */
}