Animation Bouton CSS

Salut tout le monde,
je voudrais faire un lien "a" et que quand on le clique il descend plus bas sur la page en inscrivant dans le href le # de la div vers laquelle il est redirigé.
Je voudrais savoir s'il est possible de faire une animation lorsqu'il descend parce que là ça y va direct, je sais pas si j'arrive a m'exprimer correctement.
En gros je voudrais que quand on clique sur le bouton, ça "glisse" vers le bas au lieu de se "téléporter".

Ce que je veux

Une animation lorsque l'on clique sur un bouton quand il va plus bas dans notre page

Ce que j'obtiens

Je n'arrive pas du tout a faire d'animation...

Bonjour,

Non seulement vous pouvez faire cela par rapport à votre bouton, mais vos pouvez le faire pour toutes vos interactions et cela uniquement avec du CSS :

html {
  scroll-behavior: smooth;
}

Et pour respecter les préférences utilisateurs, une petite condition CSS :

html {
  @media (prefers-reduced-motion: no-preference) {
    scroll-behavior: smooth;
  }
}