Paso 1: Crea una clase personalizada en CSS con las propiedades que quieras aplicar a varios elementos.

(Por ejemplo, quiero que todos los botones tengan un estilo consistente, cambiando de color cuando pase el cursor sobre ellos).

Puedes cambiar el nombre de “buttonstyle1” por algo de tu preferencia si lo deseas.

.buttonstyle1 {
    background: #000 !important;
    border-radius: 100px 100px 100px 100px !important;
    border: 2px solid black !important;
    color: #fff;
    transition: ease 0.5s !important;
}

.buttonstyle1:hover {
    background: #fff !important;
    color: #000;
    transition: ease 0.5s !important;
}

Esto nos ahorra tiempo, ya que podemos asignar simplemente la clase a cada botón y todos tendrán el mismo estilo, en lugar de tener que dar formato manualmente a cada botón. Además, si queremos realizar un cambio en todos los botones, basta con modificar la clase, y el cambio se reflejará instantáneamente en todos los botones.

Paso 2: Haz clic en un elemento al que quieras aplicar estas propiedades y, en la pestaña “Avanzado”, desplázate hacia el final. En el campo “Clase personalizada”, escribe el nombre de la clase que creaste (en este ejemplo, es buttonstyle1). Presiona ENTER.

Las propiedades ahora se han aplicado al elemento/fila/sección (botón, en este caso).

Puedes seguir asignando esta clase a otros botones repitiendo el Paso 2.