title: Maintain Perfectly Circular Corners on Variable-Height Element
body: <p>I have a button with perfectly rounded corners; meaning, the button is 50px high and the border radius is 25px, making a perfect half-circle on either side of the button:</p>
  
  <p><img src="https://i.stack.imgur.com/omdjr.png" alt="enter image description here"></p>
  
  <p>Achieving this with CSS is easy, provided you already know the height of the button (button height ÷ 2 = border radius). </p>
  
  <p>But is it possible to maintain the perfectly-circular edges if the button's height increases dynamically (more text is added, for example)?:</p>
  
  <p><img src="https://i.stack.imgur.com/UTI3n.png" alt="enter image description here"></p>