CSS personalizado para botones no visible para los usuarios

Hola,
Estoy utilizando la opción de CSS personalizado para nuestro tema, pero parece que solo yo puedo ver los estilos de los botones sobrescritos. Por ejemplo, en mi CSS personalizado, los botones son naranjas y blancos, pero todos los usuarios, excepto yo, los ven en verde y gris claro (estos colores están definidos en la paleta de colores).

¿Debo simplemente agregar “!important” a mis clases de botones o cómo puedo lograr que todos los usuarios vean los estilos del CSS personalizado?

¡Gracias de antemano por cualquier sugerencia!

EDITO:
Debería haber mencionado que estoy definiendo los colores al principio del CSS personalizado de la siguiente manera:

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

Y en las clases los estoy usando así:

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

Como dije, funciona, pero solo en mi lado, no para los demás usuarios.

¡Ah, he encontrado la razón!

Escribí el CSS personalizado con estilo LESS, así:

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

Y funcionó en mi máquina. ¡Qué locura! Funcionó en mi equipo pero en ningún otro. Habría esperado un error si los estilos anidados no son compatibles, o al menos que no funcionara como si todo estuviera bien. :roll_eyes: