Buttons overlap in mobile landscape

https://vanilla-groundhog-ac8e.squarespace.com/

Password to site is: forestcrystals

I'm not sure if the solution is custom code, but I'm having issues with buttons overlapping and I've tried to play around with the layout but no luck.

As far as I can tell things just seem to get too compressed on mobile landscape, it would be nice if the image would get smaller and the copy/buttons could take more width. Any help is greatly appreciated.

Thank you 🙂

What should it look like?

Add a space between them

or make them stacked on these screen sizes?

Thank you, I simplified things in my design and buttons aren't doubled anymore as a partial fix, here is my latest post, I'm still having issues in landscape view, the buttons squeeze and wrap the text, the first image on the homepage gets squeezed too: 

In this lastest post I asked about white space showing up in landscape view, but have since found your solution here and it worked, thank you:

I very much appreciate the help 🙂