body {font-family: "Inter"; font-size: 16px; color: #fff} h1, h2, h3, h4, h5, h6 {font-family: "Inter"; color: #fff; line-height: 1.2} .brxe-container {width: 100%; max-width: 1370px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1370px} .bricks-button {color: var(--white); text-transform: uppercase; font-weight: 800; border: 1px solid var(--bricks-border-color); border-radius: 10px} .bricks-button:hover {color: var(--primary)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: hsla(0, 0%, 100%, 0)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {font-size: 16px} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: hsla(0, 0%, 100%, 0)} .brxe-section {padding-top: clamp(40px, -1.702px + 4.255vw, 80px); padding-right: 20px; padding-bottom: clamp(40px, -1.702px + 4.255vw, 80px); padding-left: 20px}