.animated-link {
    cursor: pointer;
    transition: color 0.3s;
  }

  .animated-link:hover {
    color: transparent;
  }

  /* Quando o mouse estiver sobre o elemento .animated-link, aplique o ícone do Font Awesome */
  .animated-link:hover::before {
    font-family: "Font Awesome 5 Free"; /* O nome da família de fontes do Font Awesome */
  }

  /* Estilos específicos para cada ícone */
  .animated-link.home:hover::before {
    content: "\f015"; /* O código do ícone para a casa no Font Awesome */
  }

  .animated-link.quem-somos:hover::before {
    content: "\f0c0"; /* O código do ícone para o grupo de amigos no Font Awesome */
  }

  .animated-link.onde-atuamos:hover::before {
    content: "\f6ff"; /* O código do ícone para a rede no Font Awesome */
  }

  .animated-link.nossos-projetos:hover::before {
    content: "\f0ae"; /* O código do ícone para as tarefas no Font Awesome */
  }

  .animated-link.nossos-artigos:hover::before {
    content: "\f15c"; /* O código do ícone para o arquivo no Font Awesome */
  }

  .animated-link.transparencia:hover::before {
    content: "\f46d"; /* O código do ícone para a lista de verificação no Font Awesome */
  }

  .animated-link.inscreva-se:hover::before {
    content: "\f298"; /* O código do ícone para os formulários no Font Awesome */
  }

  .animated-link.fale-conosco:hover::before {
    content: "\f10b"; /* O código do ícone para o telefone no Font Awesome */
  }