title: JavaFX button grows 1 pixel bottom on hover, how can I disable it growing?
body: <p>I'm a bit new to JavaFX, I've found a problem with styling buttons, whenever I hover a button it grows 1 pixel bottom, I guess it's a standard feature of buttons but I want to disable it, though I have no idea on how to actually do it.</p>
  <p>Here's a picture where you can see it:</p>
  <p><a href="https://i.stack.imgur.com/hnPEe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hnPEe.png" alt="enter image description here" /></a></p>
  <p>Clearly the red close button is bigger than the minimize button by 1 pixel bottom (you can't see it there but my mouse is hovering the red button).</p>
  <p>Any ideas on how to remove that behaviour? Thanks in advance!</p>
  <p>EDIT: Here's the same problem with the minus button this time:</p>
  <p><a href="https://i.stack.imgur.com/0yiHD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0yiHD.png" alt="enter image description here" /></a></p>
  <p>Edit: Buttons CSS:</p>
  <pre><code>.windowbar-button {
      -fx-background-color: rgba(0, 0, 0, 0);
      -fx-background-radius: 0;
  }
  .windowbar-button:hover {
      -fx-background-color: #474748;
      -fx-cursor: hand;
  }
  
  .button-close:hover {
      -fx-background-color: #E81123;
  }
  </code></pre>
  <p>windowbar-button applies to both buttons, button-close applies only to the close button.</p>