turkeydinde

From my understanding, it's the text that is unclickable, however the button around it is clickable. Which seems like it'll create issues

For website: https://www.psychologybf.com/ When I try to add the "Book Now" block it works on the editor app. But when I go on my phone to try to click on the "Book Now" on my iphone via Chrome and Safari, it doesn't click. I can see the link is there, however it isn't working consistently. Any tips? Below is my CSS injection @media only screen and (max-width: 767px) { .header .header-actions, .header .header-actions-action--social, .header .header-actions-action--cta { display: block; } .header-actions.header-actions--right { position: absolute; width: 0%; } .icon.icon--fill { display: none; } } @media screen and (max-width:50px) { a.btn { padding: 10px 20px !important; } }