title: Small circle div - CSS
body: <p>I'm trying to make the divs round as much as possible. however it should be &quot;small&quot;, without having to increase width and height to 100px.</p>
  <p><a href="https://i.stack.imgur.com/X7dCc.png" rel="nofollow noreferrer">image of my calcualtor</a></p>
  <p>here is the code:</p>
  <pre><code>.contas div {
      color: white;
      display: inline-block;
      border: 0;
      width: 40px;
      border-radius: 100%;
      text-align: center;
      padding: 10px;
      margin: 20px 4px 10px 1px;
      cursor: pointer;
      background-color: #202020;
      transition: border-color .2s ease-in-out, background-color .2s, box-shadow .2s;
  }
  </code></pre>