title: Circle button css
body: <p>I'm a beginner and very confused, as a div tag when I give the same width and height with border-radius: 50% it always becomes circle.
  but with the tag a in case I want to make a circle button, It doesnt work that way. This is when I try to make a circle border button clickable.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code> 
  .btn {
    height: 300px;
    width: 300px;
    border-radius: 50%;
    border: 1px solid red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a class="btn" href="#"&gt;&lt;i class="ion-ios-arrow-down"&gt;&lt;/i&gt;&lt;/a&gt;
   </code></pre>
  </div>
  </div>
  </p>