<a href="#" class="border-button"> Hover me </a>
<a href="#" class="border-button"> Hover me, also </a>
.border-button {
  box-sizing: border-box;
  border: solid 5px @border;
  padding: 15px;
  transition: border-width 0.6s linear, padding 0.6s linear;
}

.border-button:hover { 
  border-width: 10px;
  padding: 10px;
}
View Compiled
Run Pen

External CSS

  1. https://codepen.io/shshaw/pen/f7548069c326e3c49d374144db9cb662

External JavaScript

This Pen doesn't use any external JavaScript resources.

Packages

This Pen doesn't use any packages.