.brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column} body {color: #5c5c5c; font-family: "Inter Tight"} h1, h2, h3, h4, h5, h6 {font-family: "Messina Serif"} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--white)} .bricks-button {color: var(--secondary); text-transform: uppercase; font-size: 16px; font-weight: 500; letter-spacing: 0px; border-radius: var(--radius-circle); padding-left: 0.5em} .bricks-button.sm {padding-left: 0.4em} .bricks-button.md {padding-left: 0.5em} .bricks-button.lg {padding-left: 0.6em} .bricks-button.xl {padding-left: 0.8em} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--white)} :root .bricks-button[class*="muted"]:not(.outline) {background-color: var(--tertiary-light)} :root .bricks-button[class*="muted"] {color: var(--secondary)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="dark"] {color: var(--white)}