/* Start custom CSS *//* 1. Força a cor de fundo do BOTÃO (o círculo ou quadrado do link) */
ul.wp-block-social-links li.wp-social-link a,
ul.wp-block-social-links li.wp-social-link-facebook a, 
ul.wp-block-social-links li.wp-social-link-instagram a, 
ul.wp-block-social-links li.wp-social-link-linkedin a {
    background-color: #C8B889 !important;
    border-color: #C8B889 !important;
    color: #ffffff !important; /* Cor de texto de segurança */
}

/* 2. Força a cor do ÍCONE (o desenho SVG) */
ul.wp-block-social-links li.wp-social-link svg,
ul.wp-block-social-links li.wp-social-link svg path {
    fill: #ffffff !important; /* Aqui definimos o ícone como BRANCO */
}

/* 3. (Opcional) Efeito Hover - Muda a cor ao passar o mouse */
ul.wp-block-social-links li.wp-social-link a:hover {
    background-color: #b0a175 !important; /* Um tom um pouco mais escuro */
    opacity: 0.9;
}/* End custom CSS */