Button moves around

Another newbie question…I’ve got a button that’s not behaving as I’d like it to. I’ve got an ‘about us wrapper’ section with a background image. In that section I’ve got a button. When viewed in the different break points the button moves around instead of staying where I want it to? What have I done wrong?

https://preview.webflow.com/preview/traceys-dynamite-project?utm_medium=preview_link&utm_source=dashboard&utm_content=traceys-dynamite-project&preview=4871948ad9310c9749eb3b1e173f3aa6&mode=preview

Where would that be? Currently it moves around because you set different values to its size and margins on different viewports. Setting the width to your button is a bad idea which you can see from the way your text just tries to jump on the second line going out of button borders.

Thanks for the feedback… .I’d like the button to align left the same as the text in the background image. Is that possible?
What is the best way to do this?