.brxe-container {width: 80svw; max-width: 1200px} .woocommerce main.site-main {width: 80svw} #brx-content.wordpress {width: 80svw; max-width: 1200px} body {font-family: "IBM Plex Sans"; line-height: 1.6; font-size: var(--text-body-m); color: var(--font-body)} h1, h2, h3, h4, h5, h6 {font-family: "IBM Plex Sans"; line-height: 1.30; color: var(--font-heading); font-weight: 600; letter-spacing: -0.018em} h1 {font-size: var(--text-h1)} h2 {font-size: var(--text-h2)} h3 {font-size: var(--text-h3); font-weight: 500} h4 {font-size: var(--text-h4); font-weight: 500} h5 {font-size: var(--text-h5)} h6 {font-size: var(--text-h6)} html {background-color: var(--background)} body {background: none} :root .bricks-button[class*="primary"] {color: var(--font-body-l-3); font-weight: 500; border-width: 2px; border-color: var(--btn-primary-bg)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--btn-primary-bg)} :root .bricks-button[class*="secondary"] {color: var(--font-body); font-weight: 500; border-width: 2px; border-color: var(--btn-secondary-bdr)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--foreground-transparent)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #666666} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--white)} .bricks-button.sm {padding-top: 0.2em; padding-right: 0.7em; padding-bottom: 0.2em; padding-left: 0.7em} :root .bricks-button[class*="primary"]:hover {border-color: var(--black)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--brand)} .bricks-button {border: 1px solid var(--bricks-border-color); border-radius: var(--radius-pill); transition: 0.5s} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--foreground-transparent)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--font-body); font-size: var(--text-body-s); font-weight: 500} .bricks-button:hover {transition: 0.4s} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):hover {border-color: var(--brand-darker)}@media (max-width: 767px) { .brxe-container {width: 85svw} .woocommerce main.site-main {width: 85svw} #brx-content.wordpress {width: 85svw}}@media (max-width: 478px) { .brxe-container {width: 90svw} .woocommerce main.site-main {width: 90svw} #brx-content.wordpress {width: 90svw}}