html {font-size: 100%} body {font-family: "Inter"; color: var(--secondary)} h1, h2, h3, h4, h5, h6 {font-family: "Next Sphere"; color: var(--secondary)} .brxe-container {width: 1400px; padding-right: var(--space-xs); padding-left: var(--space-xs)} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} html {background-color: var(--primary)} body {background: none} .brxe-section {max-width: 100%} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button {border-radius: var(--radius-full); color: var(--tertiary-d-1); font-family: "Inter"; font-weight: 500; padding-top: var(--space-xs); padding-right: var(--space-l); padding-bottom: var(--space-xs); padding-left: var(--space-l); transition: all 0.3s} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"] {color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--tertiary-d-1)} .bricks-button:hover {transition: all 0.3s} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--tertiary-d-2)} :root .bricks-button[class*="primary"]:hover {color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--tertiary-d-2)} :root .bricks-button[class*="primary"]:not(.outline):active {background-color: var(--tertiary-d-3)} :root .bricks-button[class*="secondary"]:not(.outline):active {background-color: var(--tertiary-d-3)} :root .bricks-button[class*="primary"]:active {color: var(--primary)}