JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Sem o border-radius no link</h2>
<a class="sem" href="proximapagina.html">
  <div id=circulo>...conteudo...</div>
</a>

<br><br>

<h2>Com o border-radius no link</h2>
<a class="com" href="proximapagina.html">
  <div id=circulo>...conteudo...</div>
</a>

CSS

a div{
  background: #09f;
  border-radius: 50%;
  line-height: 120px;
  text-align: center;
  width: 100%;
  height: 100%;
}
a{
  display: block;
  width: 120px;
  height: 120px;
  border: 1px dashed #333;   
  padding: 4px;
}
a.com {
  border-radius: 50%;
}