.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); column-gap: var(--section-gap); row-gap: var(--section-gap); display: flex} html {font-size: 100%} body {font-size: var(--text-sm); color: var(--color-base-black); font-family: "Metropolis"; font-weight: 400; line-height: var(--line-height-lg)} h1, h2, h3, h4, h5, h6 {font-family: "Funnel Display"; font-weight: 500; line-height: var(--line-height-lg)} h1 {font-size: var(--text-4xl); font-weight: 500} h2 {font-size: var(--text-3xl)} h3 {font-size: var(--text-2xl)} h4 {font-size: var(--text-xl)} h5 {font-size: var(--text-lg)} h6 {font-size: var(--text-md)} .brxe-container {width: 100%; column-gap: var(--container-gap); row-gap: var(--container-gap); display: flex} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .bricks-button {color: var(--color-base-white); font-family: "Funnel Display"; font-weight: 500; font-size: var(--text-md); border-radius: var(--radius-lg); padding-top: var(--space-2xs-xs); padding-right: var(--space-s-m); padding-bottom: var(--space-2xs-xs); padding-left: var(--space-s-m)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--color-base-black)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--color-base-white)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--color-brand-primary)}@media (max-width: 478px) { .bricks-button {font-size: var(--text-md)}}