.highlighted { color: var(--primary);} .brxe-section {padding-top: 96px; padding-bottom: 96px; row-gap: 48px; column-gap: 32px} .brxe-container {column-gap: 20px; row-gap: 20px; padding-right: clamp(20px, 15.6596px + 1.2766vw, 32px); padding-left: clamp(20px, 15.6596px + 1.2766vw, 32px); width: 1280px} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} body {color: var(--text); font-family: "Barlow-Local"} h1, h2, h3, h4, h5, h6 {font-family: "Bebas-Neue-Local"; font-weight: 400; letter-spacing: 0.6px; color: var(--base)} h1 {font-size: clamp(48px, 21.9574px + 7.6596vw, 120px); line-height: clamp(40px, 17.5745px + 6.5957vw, 102px)} h2 {font-size: clamp(48px, 39.3191px + 2.5532vw, 72px); line-height: clamp(43px, 35.0426px + 2.3404vw, 65px)} h3 {font-size: 24px; line-height: 32px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--white); text-transform: uppercase; font-size: 16px; letter-spacing: 0.8px; font-family: "Bebas-Neue-Local"} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--base); font-family: "Bebas-Neue-Local"; border: 1px solid var(--white)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: hsla(0, 0%, 100%, 0.4)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):hover {border-color: var(--primary); color: var(--primary)} .bricks-button {padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px}