JSFiddle - React, Tailwind, and code Playground

HTML

<a class="button" tabindex="0">CALCULATE</a>

CSS

.button {
                background-color: rgb(13, 93, 166);
                display: inline-block;
                padding: 20px;
                border: 1px solid blue;
}
 
.button:active, .button:focus, .button:hover {
    background-color: rgb(96, 178, 212);
                }