:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-ufjhgr)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-ufjhgr)} body {font-family: "Manrope"; line-height: 1.5} h1, h2, h3, h4, h5, h6 {font-family: "Anton"; font-weight: 400; line-height: 1.2; text-transform: uppercase} .brxe-section {padding-top: calc(var(--space-2xl)*2); padding-right: var(--space-m); padding-bottom: calc(var(--space-2xl)*2); padding-left: var(--space-m)} .brxe-container {width: 1280px} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px}.highlight__heading { color: var(--primary);} .bricks-button {padding-right: 2em; padding-left: 2em; font-family: "Anton"; letter-spacing: 1px; text-transform: uppercase; font-size: var(--text-m); border: 1px solid var(--primary); transition: all 0.3s ease-out} .bricks-button:hover {border: 1px solid var(--primary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #ffffff00}