Talvez algum outro elemento esteja interferindo no código, por isso não está se comportando como esperado. Tenta as seguintes soluções, se não funcionar sugiro que especione o código com a ferramenta do desenvolvedor no browser para conseguir uma melhor visualização do que está acontecendo e o que pode estar interferindo no elemento.
.contato__descricao {
display: block;
margin-right: 1rem;
width: 30%;
}
Ou
.contato__descricao {
display: flex;
flex-direction: column;
margin-right: 1rem;
width: 30%;
}
E uma dica o CSS funciona como cascata, então a ordem dos estilos importam.
Não sei bem o que eu mexi mas ele está funcionando agora. Muito obrigada!