How to make a global button change based off office hours

Our website has a global button that displays our call rail phone number. I was hoping someone could help me figure out how to switch this button from displaying “Call us! {Phone Number}” which has onAction that calls our phone number to “Book a Call with Us!” which has onAction that directs them to a typeform hyperlink based off the time of day.

I would like for the phone number only to appear durning office hours (8-5 EST) and the “Book A Call with Us!” after hours.

I know this a lot to ask for but if you know how I should go about this via JS, I would greatly appreciate it.

Here is my site Read-Only: Webflow - Southern Crescent Care