URL containing @ for MS Bookings Pages Failing

If I either try to use a MS bookings page link, which URL contains a @ symbol on the Header button, or use a iFrame embed which also includes an @ symbol, or even a button link, it is causing the URL to be split up and shows incorrectly.

I had previously been using the iframe method to embed the bookings page on a page in my site, but that started to show “Bad Request – Invalid URL” at some unknown time in the past – I have only noticed this today. As that isn’t working, I tried using the link to the page itself at least for the time being, but that doesn’t work either.

The bookings option is our main CTA so you can imagine this is a real pain. Please help!