.brxe-container {width: var(--max-screen-width)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)} .bricks-button {font-weight: 600; color: var(--text-white); text-decoration: none; line-height: 1.2; border-radius: var(--radius-full); transition: var(--moki-transition); padding-right: 2em; padding-left: 2em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button.md {padding-right: 2em; padding-left: 2em} .bricks-button.xl {padding-right: 2em; padding-left: 2em} .bricks-button.sm {padding-right: 2em; padding-left: 2em} .bricks-button.lg {padding-right: 2em; padding-left: 2em} :root .bricks-button[class*="secondary"] {color: var(--text-body); border: 1px solid var(--primaryblack)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--light)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--text-dark); border-width: 1px; border-color: var(--black); border-radius: var(--radius-m)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--white)} :root .bricks-button[class*="light"].outline {background-color: var(--white); border-width: 1px; border-color: var(--primaryblack)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} body {font-family: "Inter"} h1, h2, h3, h4, h5, h6 {font-family: "Inter"}