JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">THIS IS A TEST</a>

CSS

a {
    text-decoration: none;
    display:block;
    color: #999;
    padding: 10px;
    background-color: #000000;
    -webkit-transition: color .5s linear, background-color .5s linear;
    -moz-transition: color .5s linear, background-color .5s linear;
    transition: color .5s linear, background-color .5s linear;
}

a:hover {
    color: #008752;
    background-color: #ffffff;
    -webkit-transition: color .25s linear, background-color .25s linear;
    -moz-transition: color .5s linear, background-color .5s linear;
    transition: color .25s linear, background-color .25s linear;
}