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;
}
input[type="button"][disabled] {
    opacity: .5;
}