body {font-family: "Plus Jakarta Sans"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Faustina"; font-weight: 600} h3 {font-family: "Plus Jakarta Sans"} h4 {font-family: "Plus Jakarta Sans"} .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 {border-radius: var(--radius-full); color: var(--light); font-weight: 700; text-decoration: none; padding-right: 1.5em; padding-left: 1.5em; transition: var(--wkd-transition)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button.sm {padding-right: 1.5em; padding-left: 1.5em} .bricks-button.md {padding-right: 1.5em; padding-left: 1.5em} .bricks-button.lg {padding-right: 1.5em; padding-left: 1.5em} .bricks-button.xl {padding-right: 1.5em; padding-left: 1.5em} :root .bricks-button[class*="secondary"] {color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--indigo-300)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--light)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--light)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)}