.brxe-section {margin-top: 80px; margin-bottom: 80px; width: 100%} .brxe-container {padding-right: 20px; padding-left: 20px; width: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} body {font-family: "Inter"; font-size: var(--text-s); color: var(--bricks-color-hc_text)} h1, h2, h3, h4, h5, h6 {font-family: "Inter"; color: var(--bricks-color-hc_white)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-hc_yellow)} .bricks-button {font-size: 16px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; line-height: 1em; font-family: "Inter"; border-radius: 100px; transition: all; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-hc_yellow)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-hc_primary_fg); font-size: 16px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-hc_mid)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-hc_white); font-size: 16px}