:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--accent)}:where(:root) .bricks-background-light {background-color: var(--accent)}:where(:root) .bricks-color-dark {color: var(--base)}:where(:root) .bricks-background-dark {background-color: var(--base)}:where(:root) .bricks-color-muted {color: var(--accent)}:where(:root) .bricks-background-muted {background-color: var(--accent)}:where(:root) .bricks-color-warning {color: var(--action)}:where(:root) .bricks-background-warning {background-color: var(--action)} body {font-family: "Outfit CJ"; font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {font-family: "Outfit CJ"; font-weight: 500} .brxe-container {width: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} .bricks-button {font-size: var(--text-m); font-weight: 500; letter-spacing: 0px; border: 2px solid var(--action); border-radius: 1rem; padding-top: 1.6rem; padding-right: 3.6rem; padding-bottom: 1.6rem; padding-left: 3.6rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--action)} :root .bricks-button[class*="primary"] {color: var(--white); border: 2px solid var(--primary); border-radius: 1rem} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"] {color: var(--white); border: 2px solid var(--secondary); border-radius: 1rem} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--base); border: 2px solid var(--white); border-radius: 1rem} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--white)} :root .bricks-button[class*="dark"] {color: var(--white); border: 2px solid var(--base); border-radius: 1rem} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--base)} .bricks-button.sm {padding-top: 1.2rem; padding-right: 3.4rem; padding-bottom: 1.2rem; padding-left: 3.4rem; font-size: var(--text-m)} .bricks-button.md {padding-top: 1.6rem; padding-right: 3.6rem; padding-bottom: 1.6rem; padding-left: 3.6rem; font-size: var(--text-m)} .bricks-button.lg {padding-top: 1.7rem; padding-right: 4rem; padding-bottom: 1.7rem; padding-left: 4rem; font-size: var(--text-m)} .bricks-button.xl {padding-top: 1.8rem; padding-right: 4.4rem; padding-bottom: 1.8rem; padding-left: 4.4rem; font-size: var(--text-m)}