CSS personalizado para botões não visível para usuários

Suporte
1

Olá,
Estou usando a opção de CSS Personalizado para nosso tema, mas parece que apenas eu consigo ver os estilos de botão sobrescritos. Por exemplo, no meu CSS personalizado, os botões são laranja e branco, mas todos os usuários, exceto eu, os veem em verde e cinza claro (essas cores são definidas na paleta de cores).

Preciso apenas adicionar “!important” às minhas classes de botão ou como posso garantir que todos os usuários vejam os estilos do CSS personalizado?

Obrigado antecipadamente por qualquer dica!

EDIT:
Deveria ter mencionado que estou definindo as cores no topo do CSS personalizado, assim:

$colorWhite: #ffffff;
$colorBlack: #000000;
$colorRed: #ff0000;

e nas classes estou usando assim:

p {
font-size: 1.6rem;
color: $colorBlack;
}

Como disse, está funcionando, mas apenas no meu lado, não para os outros usuários.

2

Ah, encontrei o motivo.

Eu escrevi o CSS personalizado no estilo LESS, assim:

body {
    p {
        font-size: 1.6rem;
    }
}

E funcionou na minha máquina. Isso é simplesmente maluco! Funcionou na minha máquina, mas não em nenhuma outra. Eu esperaria um erro se estilos aninhados não fossem suportados ou, pelo menos, não deveria funcionar como se tudo estivesse certo. :roll_eyes: