<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"> <button class="btn btn-primary dh-button">Test</button> </div> </div>

.dh-button { background: #428BCA; color: #fff; font-family: Sans-serif; font-size: 20px; height: 60px; width: 150px; line-height: 60px; margin: 25px 25px; text-align: center; border: 0; } .dh-button:hover { border: 2px solid #fff; background-color: transparent; transition: all 0.3s ease 0s; }