Book Now button doesn't work on mobile device

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;
}
}

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

Hi,

I Just checked on my phone & it is clickable. You try checking again