Smooth Scrolling anchor links, loading to top of page first

I have set up two anchor links on both 'learn more' buttons on this page, as it's a landing page whilst we build out the remaining site. I have added some css to make the scroll to the anchors nice and smooth, but I'm finding that when I link on the button, the page loads to the top quickly then scrolls down?

Is there a way that I can add some more code to make it scroll smoothly from where the button is to the anchor? 

Can someone take a look at my site please and see if it's happening to them? 

https://www.thetoothstudio.au

password: jesleacreative

Thank you 🙂 

Change button url

from this

https://thetoothstudio.com.au/#services

to this

#services