title: creating square border around links
body: <p>I'd like to create a border around links that forms a square around the entire link on <code>:hover</code>. How do I achieve this effect?</p>
  
  <p><img src="https://i.stack.imgur.com/0CUEt.jpg" alt="link-border"></p>