.brxe-container {width: var(--max-screen-width); padding-top: var(--space-3xl); padding-bottom: var(--space-3xl)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)} .brxe-section {padding-right: var(--space-xl); padding-left: var(--space-xl)} body {font-family: "Work Sans"; font-weight: 400; font-size: var(--text-m); line-height: 1.6} h1, h2, h3, h4, h5, h6 {font-weight: 600} h1 {font-weight: 700} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} :root .bricks-button[class*="primary"] {border-radius: var(--radius-base); color: var(--light); font-weight: 600} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-4)} :root .bricks-button[class*="secondary"] {border-radius: var(--radius-base); color: var(--light); font-weight: 600} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--color-7)} .bricks-button {transition: .2s all ease}:where(:root) * {border-color: #C8BCA8}