JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button"><a href="#">Hi Color</a></div>

CSS

.button {
    display: inline-block;
    background-color: darkblue;
}

.button a {
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    color: white;
}

.button a:hover {
    background-color: rgba(255,255,255,0.5);
}