.brxe-section {padding-top: var(--section-s); padding-right: var(--section-horizontal); padding-bottom: var(--section-s); padding-left: var(--section-horizontal)} .brxe-container {width: 100%; max-width: 120rem} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 120rem} body {font-size: var(--text-body); font-family: "Roboto Flex"; font-weight: 500; line-height: 1.6} h1, h2, h3, h4, h5, h6 {font-family: "Resolve Sans"; font-weight: 800; letter-spacing: 0.01em; line-height: 0.85; text-transform: uppercase; color: var(--text-title)} h1 {font-size: var(--text-h1); font-weight: 900} h2 {font-size: var(--text-h2)} h3 {font-size: var(--text-h3)} h4 {font-size: var(--text-h4)} h5 {font-size: var(--text-h5)} h6 {font-size: var(--text-h6)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="primary"] {border: 1px solid var(--secondary)} .bricks-button {color: var(--light); font-size: var(--text-body-l); font-variation-settings: "wdth" 30; font-weight: 600; letter-spacing: 0.03em; line-height: 1.2; text-transform: uppercase; padding-top: 0.7em; padding-right: 1.2em; padding-bottom: 0.7em; padding-left: 1.2em} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--secondary); border: 1px solid var(--light)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--light)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--grey)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--grey); color: var(--secondary)} .bricks-button.sm {padding-top: 0.7em; padding-right: 1.2em; padding-bottom: 0.7em; padding-left: 1.2em; font-size: var(--text-body-s)}