title: Clickable area in buttons with CSS
body: <p>I am looking at this example: <a href="http://codepen.io/benague/pen/bCkyr" rel="nofollow">http://codepen.io/benague/pen/bCkyr</a></p>
  
  <pre><code>.btn {
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 22px;
    text-decoration: none;
    margin: 20px;
    color: #fff;
    position: relative;
    display: inline-block;
  }
  </code></pre>
  
  <p>When you click these buttons at the very top, it doesn't really grab the link, but they still get animated. </p>
  
  <p>How can I increase the clickable area so that whenever it animates, it actually goes to the URL?</p>
  
  <p>Thank you.</p>