.brxe-container {width: var(--content-width); display: flex} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} body {font-family: "Barlow"} h1, h2, h3, h4, h5, h6 {font-family: "The Seasons"; font-weight: 400; color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--white)} .bricks-button {padding-top: var(--space-xs); padding-right: var(--space-l); padding-bottom: var(--space-xs); padding-left: var(--space-l); border-radius: var(--radius-circle); text-transform: uppercase; font-weight: 600} :root .bricks-button[class*="danger"] {text-transform: uppercase} .bricks-button.sm {text-transform: none; font-size: var(--text-s); padding-top: calc(var(--space-xs) / 1.5); padding-right: var(--space-l); padding-bottom: calc(var(--space-xs) / 1.5); padding-left: var(--space-l)} .bricks-button.md {padding-top: calc(var(--space-xs) / 2); padding-right: var(--space-m); padding-bottom: calc(var(--space-xs) / 2); padding-left: var(--space-m)} :root .bricks-button[class*="primary"].outline {color: var(--primary); border: 2px solid var(--primary)}