JSFiddle - React, Tailwind, and code Playground

HTML

<div> <span>
    <a href="">link</a>
    </span>

</div>

CSS

div {
    text-align:center;
}
a {
    display:block;
    padding:7px;
    background:#A13F3E;
    color:#fff;
    width:100px;
    font-weight:bold;
}
a:hover {
    color: #FFE260;
}
a:active {
    color:red
}

JavaScript

$('a').mouseover(function() {
    $(this).removeAttr('style');
});

$('a').mouseout(function() {
    $(this).css('color','blue');
});