:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-dark {color: var(--base)}:where(:root) .bricks-background-dark {background-color: var(--base)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button {border: 2px solid var(--primary); border-radius: var(--radius); color: var(--white); font-weight: 600; text-transform: capitalize; font-family: "Open Sans"}