JSFiddle - React, Tailwind, and code Playground

HTML

<!-- обычная кнопка -->
<a href="#" class="btn">
    <span class="btn__inner">Button</span>
</a>


<!-- кнопка с отменой цвета -->
<a href="#" class="btn btn_disabled">
    <span class="btn__inner">Button</span>
</a>

CSS

.btn {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    color: #ccc;
    background: #333;
}
    .btn__inner {
        display: block;        
        padding: 15px 20px;
        background: inherit;
    }


.btn:hover .btn__inner {
    background: #575757;
}

.btn_disabled:hover .btn__inner {
    background: inherit;
}