JSFiddle - React, Tailwind, and code Playground

by iKNG

HTML

<a class="button">Ссылка</a>
<br>
<input type="submit" class="button" value="Input">

CSS

.button {
    padding: 5px;
    margin: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: inset 0 0 2px 1px #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F2F2 50%, #DDDDDD 51%, #FFFFFF 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#F2F2F2 50%,#DDDDDD 51%,#FFFFFF 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#F2F2F2 50%,#DDDDDD 51%,#FFFFFF 100%);
    background: linear-gradient(top, #FFFFFF 0%,#F2F2F2 50%,#DDDDDD 51%,#FFFFFF 100%);
    border: 1px solid #F2F2F2;
    border-radius: 3px;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: 100;
}
.button:hover {
    background: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 50%, #DDDDDD 51%, #FFFFFF 100%);
    background: -webkit-linear-gradient(bottom, #FFFFFF 0%,#F2F2F2 50%,#DDDDDD 51%,#FFFFFF 100%);
    background: -o-linear-gradient(bottom, #FFFFFF 0%,#F2F2F2 50%,#DDDDDD 51%,#FFFFFF 100%);
    background: linear-gradient(bottom, #FFFFFF 0%,#F2F2F2 50%,#DDDDDD 51%,#FFFFFF 100%);
}