Ao utilizar o Rem . O rodapé da pagina acaba ficando fora da posição correta , que seria abaixo dos botões das redes sociais.

Olá, Ygor! Tudo bem?

Pelo que entendi, você está tendo problemas com a posição do rodapé da página ao utilizar o rem. É importante lembrar que o rem é uma unidade de medida relativa ao tamanho da fonte do elemento raiz (normalmente o elemento html).

Para resolver o seu problema, você pode tentar definir a posição do rodapé utilizando outras unidades de medida, como por exemplo o percentual (%), que é relativo ao tamanho do elemento pai. Outra opção seria utilizar a unidade de medida em (pixels), que é absoluta(fixa).

Segue um exemplo de como definir a posição do rodapé utilizando a unidade de medida percentual (%):

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10%;
}

Nesse exemplo, o rodapé terá uma altura de 10% em relação ao tamanho do elemento pai (normalmente a página inteira). A propriedade "bottom: 0" garante que o rodapé ficará sempre no final da página.

Espero ter ajudado e bons estudos!

Obrigado pela ajuda :)

Fico feliz em ajudar. Valeu :)