Olá amigo,
Talvez seu rodapé esteja com algum padding na direita (right), por isso a diferença...
Tenta colocar o padding em 0% para todos os lados nos itens do rodapé e veja se dá certo!
Eu vi no seu código que voce utilizou padding-top e colocou 4 valores diferentes:
.rodape{
/*word-wrap: inherit;*/
padding-top: 0% 10% 0% 0%;
white-space: nowrap;
display: flex;
flex-direction: column;
margin:0%;
gap: 0.75rem;
font-size: 1,7rem;
display: flex;
align-items: center; /* Centraliza verticalmente */
}
padding-top: 0% 10% 0% 0%;
o top já indica onde será colocado o padding, no caso em cima.
Quando se usa 4 valores, você especifica as 4 direções diferentes.
Ficaria assim:
padding: 5%;
adiciona o padding para todos os lados (cima, direita, baixo, esquerda).
padding: 5% 10%;
adiciona o padding de 5% para cima e para baixo, e 10% para a esquerda e para a direita.
padding: 1% 2% 3% 4%;
adiciona o padding de 1% para cima;
2% para a direita;
3% para baixo;
4% para a esquerda;
Caso você queira especificar apenas o valor de uma direção, pode usar assim:
padding-top: 10%;
adiciona um padding para cima de 10%
padding-left:5%;
adiciona um padding para esquerda de 5%
e etc...
Mas voltando a sua duvida....
Vê também se retirar a margem da ancora no rodapé se resolve
.rodape__ancora{
margin-left: 3.125rem;
text-decoration: none;
}
No rodapé, você pode colocar também só o texto e o email como
dentro da classe rodapé. Depois usar text-align:center para alinha-los ao centro da página... (sem precisar de usar a div)
Espero que dê certo