JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="green button">Button</a>

CSS

@-webkit-keyframes greenPulse {
    from { background-color: #749a02; -webkit-box-shadow: 0 0 0 #333; }
to { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
}

a.green.button {
    background-color: #749a02;
    border-radius: 0.5em;
    color: #fff;
    padding: 0.5em;
    text-decoration: none;
}

a.green.button:hover {
    background-color: #91bd09;
    -webkit-animation-name: greenPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-box-shadow: 0 0 18px #91bd09;
}