JSFiddle - React, Tailwind, and code Playground

HTML

<input type='button' id='bt1' value='Кнопка'/>
<input type='button' id='bt2' value='Кнопка' />
<input type='button' id='bt3' value='Кнопка' />
<input type='button' id='bt4' value='Кнопка' />
<input type='button' id='bt5' value='Кнопка' disabled />

CSS

input[type="button"] {
    border:1px gray solid;
    background: #666;
    padding: 10px;
    color: black;
}

#bt1:hover {
    cursor: pointer;
}
#bt2:hover {
    background: #999;
}
#bt3:hover {
    background: #999;
    cursor: pointer;
}