<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <a class="button">Next</a> </div> </div>

a.button { background-color: transparent; text-align: center; color: #23849b; display: inline-block; text-decoration: none; border: 1px solid #23849b; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; padding: 10px 30px 8px; font-size: 16px; font-family: "proxima-nova", sans-serif; font-weight: 300; letter-spacing: 0.2rem; line-height: 1; text-transform: uppercase; }

document.getElementById("button").style.transition = "all 2s"