JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">
    <span>Кнопка</span>
</a>

CSS

body {
    padding: 50px;
}

a {
    padding: 8px 15px;
    text-decoration: none;
    color: #fff;
    background: red;
}

a:hover span {
    opacity: 0.8;
}