Como faço para o meu botão âncora ter uma animação de rolagem

Olá. Bom basicamente eu tenho um botão âncora que leva até a aba de sobre do meu site, só que ele não tem animação, ele simplesmente "teleporta" para essa aba do nada isso não é legal.

Gostaria de saber algum código de JavaScript ou CSS para solucionar isso

Esse é o código :

<button id="explorer"><a href="#about">Explorar</a></button>