Hide button header on desktop using css

I'm attempting to customize my site heading and finding some roadblocks.

Essentially, I'd like the desktop and mobile site heading to be different. On desktop I'd like to have text that says the business's address and phone number. On mobile, I'd like a button that people can click on to call automatically. I've successfully added both these elements, but haven't been able to customize the view so they aren't competing on desktop view.

I'm having an issue with disabling the button from displaying on desktop screens. Is there code I can use to hide the button on displaying on desktop, so that it only displays on mobile and doesn't obstruct the CSS text addition?

Thanks!

PASSWORD TO VIEW SITE: Maisy

Site URL?

gar-endive-zedx.squarespace.com

Thank you! This worked like a charm.