Popup resizing after button press

Question

So I have a popup where there is a button. When you press that button, some random text comes up between 0 and 32 words. When that text comes up, almost every time popup resizes depending on number of words. I would just want that my button is always staying on the same place, so that you don't have to catch it every time you want to click it. Is there a way to lock that button in place?

Html for button:

 <button onclick="function()" class="btn button-gradient">click</button>

css for button:

.btn {
  font-family: 'Raleway', sans-serif;
  color: #9A0000;
  border: none;
}

Answer 1

put the button above the text instead of below it. Funny thing is I've been in this position before. sometimes there are advanced coding ways to do it, sometimes it's a simple logic problem. try that out and let us know how it works.