JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.snorkl.tv/dev/libs/greensock/TweenMax.min.js"></script>
<button class='NextBtn'>Highlight me</button>

<a class='NextBtn'>Highlight me</a>

CSS

.NextBtn {
    -webkit-box-shadow: 0px 0px 5px 2px rgba(195, 20, 65, 0);
    -moz-box-shadow: 0px 0px 5px 2px rgba(195, 20, 65, 0);
    -o-box-shadow: 0px 0px 5px 2px rgba(195, 20, 65, 0);
    box-shadow: 0px 0px 5px 2px rgba(195, 20, 65, 0);
     
    -webkit-transition: -webkit-box-shadow 1s ease-in;
    -moz-transition: -moz-box-shadow 1s ease-in;
    -o-transition: box-shadow 1s ease-in;
    transition: box-shadow 1s ease-in;
}
.NextBtn.Glow {
    color: #C31441;
    
    -webkit-box-shadow: 0px 0px 5px 2px rgba(195, 20, 65, 1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(195, 20, 65, 1);
    -o-box-shadow: 0px 0px 5px 2px rgba(195, 20, 65, 1);
    box-shadow: 0px 0px 5px 2px rgba(195, 20, 65, 1);
     
    -webkit-transition: -webkit-box-shadow 1s ease-out;
    -moz-transition: -moz-box-shadow 1s ease-out;
    -o-transition: box-shadow 1s ease-out;
    transition: box-shadow 1s ease-out;
}


body {
    padding: 15px;
}

button.NextBtn,
a.NextBtn {
    float: left;
    clear: left;
    margin-bottom: 15px;
}

a.NextBtn {
    float: left;
    background-color: #EEEEEE;
    border: 1px solid #999999;
    border-radius: 2px;
    padding: 1px 9px;
    font: 13px Arial;
}

JavaScript

var NextBtn = $('.NextBtn');

var NextBtnHighlight = new TimelineMax({
    paused: true
});

NextBtnHighlight.insert(TweenLite.set(NextBtn, {
    css: {
        className: '+=Glow'
    },
    immediateRender: false
}), 2);
NextBtnHighlight.insert(TweenLite.set(NextBtn, {
    css: {
        className: '-=Glow'
    },
    immediateRender: false
}), 3);

NextBtnHighlight.play();