JSFiddle - React, Tailwind, and code Playground

by naveed_ahmad

HTML

<button id="a">click</button>

CSS

button{background:#f7f7f7;padding: 0 .5em;
height: 2.0833em;
border: 1px solid #CCC;
color: black;
background: #F6F6F6;
background-image: -moz-linear-gradient(top,white,#EFEFEF);
background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(#EFEFEF));
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=white,endColorStr=#EFEFEF);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
overflow: visible;}
button:hover{
    box-shadow:0 0px 3px #999;
    -webkit-box-shadow:0 0px 3px #999;
    -moz-box-shadow:0 0px 3px #999;
}