ao clicar em botão, descer scroll até certa div [duplicada]

Esta pergunta já tem uma resposta aqui:

  • Click no link que leva para uma outra parte da mesma pagina [fechada] 1 resposta
  • Como ir para uma parte de um texto na mesma página clicando num link em cima 3 respostas

Tenho um botão. Quando o usuário clicar nele, a página deve scrollar até a div.

HTML Botão

<a class="btn btn-2 btn-outline-light btn-lg" href="#">Leia Mais</a> 

CSS Botão

.btn-2{     border-radius: 1.875rem !important;     letter-spacing: .1125rem;     padding: 1.1875rem 2.25rem;     font-weight: 600;     text-transform: uppercase;     border: 2px solid;     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;     font-size: .75rem; }  .btn-2:focus{     box-shadow: none; } 

HTML Div content-index

<section>         <div class="container">             <div class="content-index text-center">                 <div class="col-md-12">                 </div>             </div>        </div> </section> 

CSS Div content-index

.content-index{     padding: 100px 0 120px;     border-bottom: 1px solid #f0f0f0; }