:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} .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: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} body {font-family: "Inter"} h1, h2, h3, h4, h5, h6 {font-family: "Plus Jakarta Sans"} .bricks-button {color: var(--white); font-size: calc(var(--text-xs)*1.1); text-transform: uppercase; letter-spacing: 0.4px; border-radius: 8px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--primary-d-6)}