body {font-size: 1.6rem; line-height: 1.6; font-weight: 400; font-family: "Inter"} h1 {font-size: 4.0rem; line-height: 1.1; letter-spacing: -0.02em; font-weight: 700} h2 {font-size: 3.2rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; font-family: "Manrope"} h3 {font-size: 2.4rem; line-height: 1.2; letter-spacing: -0.01em; font-weight: 700} h4 {font-size: 2.0rem; line-height: 1.25; font-weight: 700; letter-spacing: -0.01em} h5 {font-size: 1.8rem; line-height: 1.3; font-weight: 700; letter-spacing: -0.01em} h6 {font-size: 1.6rem; line-height: 1.3; font-weight: 700; letter-spacing: -0.01em} .brxe-section {width: 100%; padding-right: 24px; padding-left: 24px; row-gap: 24px; column-gap: 24px; margin-right: 0; margin-left: 0} .brxe-container {width: 100%; max-width: 1440px; row-gap: 24px; column-gap: 24px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1440px} .brxe-block {width: 100%; max-width: 1440px; column-gap: 24px; row-gap: 24px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto} .bricks-button {transition: background-color 1s ease, border-color 1.5s ease, color 1.5s ease;; border: 1px solid var(--brand); border-radius: 4rem; color: var(--background); font-size: 1.5rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--brand)} .bricks-button.outline {border: 1px solid var(--brand); border-radius: 4rem; font-family: "Inter"; font-weight: 500; color: var(--brand)} :root .bricks-button[class*="primary"] {color: var(--background); border: 1px solid var(--brand); border-radius: 4rem} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--brand)} :root .bricks-button[class*="primary"].outline {background-color: hsla(153, 100%, 29%, 0); border: 1px solid var(--brand); border-radius: 4rem; color: var(--brand)} .bricks-button:hover {color: var(--brand-soft); border-color: var(--brand-hover)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--brand-hover)} .bricks-button.outline:hover {background-color: var(--brand-hover); border-color: var(--brand-hover); color: var(--brand-hover)} :root .bricks-button[class*="primary"]:hover {color: var(--brand-soft); border-color: var(--brand-hover)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--brand-hover)} :root .bricks-button[class*="primary"].outline:hover {border-color: var(--brand-hover); color: var(--brand-hover)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--background)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--background); color: var(--text)} :root .bricks-button[class*="secondary"].outline {background-color: hsla(0, 0%, 96%, 0); border: 1px solid var(--background); color: var(--background)}@media (max-width: 991px) { .brxe-section {column-gap: 16px; row-gap: 16px; padding-top: 96px; padding-right: 16px; padding-bottom: 96px; padding-left: 16px} .brxe-container {column-gap: 16px; row-gap: 16px; max-width: 100%} #brx-content.wordpress {max-width: 100%} .brxe-block {max-width: 100%; column-gap: 16px; row-gap: 16px}}@media (max-width: 767px) { .brxe-section {padding-top: 72px; padding-right: 8px; padding-bottom: 72px; padding-left: 8px} .brxe-block {width: 100%; max-width: 100%; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; column-gap: 16px; row-gap: 16px}}