.brxe-section {padding-top: var(--section-padding-block); padding-right: var(--section-padding-inline); padding-bottom: var(--section-padding-block); padding-left: var(--section-padding-inline); row-gap: var(--space-xl)} .brxe-container {width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} body {color: var(--color-font-grey); font-size: var(--fs-body-m); font-family: "Roboto"; line-height: var(--lh-body)} h1, h2, h3, h4, h5, h6 {color: var(--color-font-dark); font-family: "Poppins"; line-height: var(--lh-headers); font-weight: 700} h1 {font-size: var(--fs-h1); font-weight: 700} h2 {font-size: var(--fs-h2)} h3 {font-size: var(--fs-h3)} h4 {font-size: var(--fs-h4)} h5 {font-size: var(--fs-h5)} h6 {font-size: var(--fs-h6)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-primary)} :root .bricks-button[class*="primary"] {color: var(--color-font-light); border-radius: var(--border-radius-m)} .bricks-button {padding-top: var(--space-xs); padding-right: var(--space-s); padding-bottom: var(--space-xs); padding-left: var(--space-s)}