index.html

<a href="#" class="blue-button" >Dance with me</a>

script.js

$(function () {
  setTimeout(function(){
   $("a.blue-button").addClass("active");
  },2000);
  setTimeout(function(){
   $("a.blue-button").removeClass("active");
  },2500);
  setTimeout(function(){
   $("a.blue-button").addClass("active");
  },3500);
  setTimeout(function(){
   $("a.blue-button").removeClass("active");
  },4000);


});

style.css

a.blue-button{
  font-family: helvetica;
position: absolute;
top: 15px;
background-color : #0092cf;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
padding: 5px 20px;
border-left: solid 1px #2ab7ec;
margin-left: 35px;

border-radius: 5px;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785;

font-size: 16px;
text-decoration: none;
text-transform: uppercase;
color:#fff;
}
a.blue-button:active {
top: 18px ;
background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%) ;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785;
}
.active {
 top: 18px !important;
  background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%) !important;
 box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785 !important;
}