Why does my theme button color change on different device views?

Hello,

I noticed that the background color of my site becomes the background color of my button on my image banner. It changes to my theme color if I check the “desktop content” option on. But I don’t want this option on because it creates a white block that sits above my image. So I did adjust the color of this button manually on the base.css but it affected all the other buttons too. So I’m stuck. I also noticed that the button is my white background on desktop and changes to my blue theme on mobile view because its under the image for mobile.

I did try to change the background colors for “background 1” & “background 2”, and even changed background 2 to transparent to turn on the desktop content, and it wasn’t transparent. Also, changing the background colors affected the whole site.

I know this is a mouthful so I hope this makes sense.

I think its a glitch or something because I cannot make that button the blue dynamic color i need.

my url is www.melaniejean.com

Attaching photos for reference:

forgot to add these photos.

here’s what i mean by checking the desktop content: