<a href="#" class="border-button"> Hover me </a>
<a href="#" class="border-button"> Hover me, also </a>
.border-button {
border: solid 5px @border;
transition: border-width 0.6s linear;
}
.border-button:hover { border-width: 10px; }
View Compiled
This Pen doesn't use any external JavaScript resources.