<a href="#" class="border-button"> Hover me </a>
<a href="#" class="border-button"> Hover me, also </a>
.border-button {
  box-shadow: 0px 0px 0px 5px @border;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;
  outline: solid 10px transparent;
}

.border-button:hover { box-shadow: 0px 0px 0px 10px @border; }
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.