.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: "Satoshi"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Satoshi"; font-weight: 700; color: var(--base)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--accent)} .bricks-button {color: var(--white); text-transform: capitalize; font-weight: 500; border: 2.5px solid var(--accent); border-radius: var(--radius-l)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--accent)} :root .bricks-button[class*="primary"] {color: var(--white); border-style: solid; border-color: var(--accent)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="secondary"] {color: var(--white); border-color: var(--secondary)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--white); font-weight: 400; border: 2px solid var(--white)} :root .bricks-button[class*="muted"] {color: var(--neutral-light); font-family: ""; font-weight: 400; border: 2px solid var(--neutral-light)} :root .bricks-button[class*="muted"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--base)} :root .bricks-button[class*="dark"] {color: var(--white); border-color: var(--base)} .bricks-button.sm {padding-right: 0.8em; padding-left: 0.8em} .bricks-button.lg {padding-right: 1.2em; padding-left: 1.2em} .bricks-button.xl {padding-right: 1.6em; padding-left: 1.6em}