JSFiddle - React, Tailwind, and code Playground

by shtrih

HTML

<button>Голосовать</button>
<button class="rated">Голосовать</button>
<button class="hover">Голосовать</button>

CSS

button {
    border: #fff 4px solid;
    font-size: 1.5em;
    border-radius: 25px;
    box-shadow: 0 1px 3px #aaa;
    background-color: #275cac;
    color: #fff;
    background: -webkit-linear-gradient(bottom, #275cac 0%, #129eea 100%);
    padding: 6px 10px;
    margin: 10px;
}

.rated {
    background: -webkit-linear-gradient(bottom, #aaa 0%, #d2d2d2 100%);
}

button:hover, .hover {
    background: -webkit-linear-gradient(bottom, #129eea 0%, #275cac 100%);
}