.brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} body {font-family: "Montserrat"; font-weight: 500; font-style: normal} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; font-weight: 600} h1 {font-weight: 300; font-family: "Montserrat"; font-style: normal} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"].outline {border-color: var(--primary); background-color: var(--bricks-color-acss_import_transparent); color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--primary-ultra-light)} .bricks-button {border: var(--btn-border-size) solid var(--bricks-border-color); border-radius: var(--btn-radius); padding-top: var(--btn-pad-y); padding-right: var(--btn-pad-x); padding-bottom: var(--btn-pad-y); padding-left: var(--btn-pad-x); letter-spacing: 0px} :root .bricks-button[class*="secondary"].outline {border-color: var(--primary-ultra-light); color: var(--primary-ultra-light)} :root .bricks-button[class*="primary"] {color: var(--white); border-color: var(--primary)} :root .bricks-button[class*="secondary"] {color: var(--primary-dark); border-color: var(--primary-ultra-light)} .bricks-button.outline {border: var(--outline-btn-border-size) solid var(--bricks-border-color)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-hover)} :root .bricks-button[class*="primary"]:hover {border-color: var(--primary-hover)} :root .bricks-button[class*="primary"].outline:hover {border-color: var(--primary-hover); color: var(--primary-hover)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary-light)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--primary-light)} :root .bricks-button[class*="secondary"].outline:hover {border-color: var(--white); color: var(--primary-hover); background-color: var(--white)} :root .bricks-button[class*="info"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="info"] {border-color: var(--secondary); color: var(--white)} :root .bricks-button[class*="info"].outline {border-color: var(--secondary); color: var(--secondary)} :root .bricks-button[class*="info"]:not(.outline):hover {background-color: var(--secondary-hover)} :root .bricks-button[class*="info"]:hover {border-color: var(--secondary-hover)}