title: css hover effect size increasing affecting other elements
body: <p>I have buttons and I added a hover effect to them to change their borders. It is affecting the layout of the menu.</p>
  
  <pre><code>element{
     border-width:0px;
  }
  element:hover{
     border:1px solid gray;
  }
  </code></pre>
  
  <p>How can I do it without affecting the layout?</p>