.brxe-section {padding-top: clamp(96px, 72.8511px + 6.8085vw, 160px); padding-bottom: clamp(96px, 72.8511px + 6.8085vw, 160px)} .brxe-container {column-gap: 20px; row-gap: 20px; padding-right: clamp(24px, 9.5319px + 4.2553vw, 64px); padding-left: clamp(24px, 9.5319px + 4.2553vw, 64px); width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} body {font-size: 16px; color: var(--text); line-height: 1.625; font-family: "Arial"} h1, h2, h3, h4, h5, h6 {color: var(--base)} h1 {font-size: clamp(32px, -7.8596px + 5.614vw, 64px); line-height: 1.05} h2 {font-size: clamp(32px, -7.8596px + 5.614vw, 64px); line-height: 1.12} h3 {font-size: clamp(24px, -2.6667px + 3.3333vw, 40px); line-height: 1.25} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--light); text-transform: uppercase; letter-spacing: 1.1px; font-weight: 600; font-size: 12px} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: hsla(0, 100%, 45%, 0.8)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--light)} :root .bricks-button[class*="secondary"] {color: var(--base); text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 1.1px} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:hover {color: var(--light)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: transparent} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {border-bottom: 1px solid var(--primary); color: var(--base); text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 1.1px} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):hover {color: var(--primary)} .bricks-button {transition: all 0.2s}