:root .bricks-color-primary {color: var(--primary)}:root .bricks-background-primary {background-color: var(--primary)}:root .bricks-color-secondary {color: var(--accent)}:root .bricks-background-secondary {background-color: var(--accent)} body {font-size: var(--text-s); color: var(--primary-semi-dark); line-height: var(--text-line-height)} h1, h2, h3, h4, h5, h6 {font-weight: 600; color: var(--heading-color); line-height: var(--heading-line-height)} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-section {padding-top: var(--section-padding); padding-right: var(--gutter); padding-bottom: var(--section-padding); padding-left: var(--gutter)} .brxe-container {width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: transparent} .bricks-button {line-height: 1; color: var(--primary); font-weight: 600; border: 2px solid var(--white); border-radius: var(--radius-m); padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem} :root .bricks-button[class*="secondary"] {border-color: var(--accent); color: var(--white)} :root .bricks-button[class*="primary"].outline {border-color: var(--primary); background-color: var(--white-trans-90); color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--white); border-color: var(--primary)} :root .bricks-button[class*="secondary"].outline {color: var(--accent); border-color: var(--accent); background-color: var(--white)}