.brxe-container {width: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} body {font-family: "Archivo"} h1, h2, h3, h4, h5, h6 {font-family: "Archivo"} :root .bricks-button[class*="info"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="info"] {color: var(--black); font-weight: 400; border: 1px solid #333333; border-radius: 100px} :root .bricks-button[class*="secondary"] {text-transform: uppercase; color: var(--primary); border: 1px solid var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} .bricks-button.lg {padding-right: 2em; padding-left: 2em} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:hover {color: var(--white)} .bricks-button:hover {transition: all .3s ease-out} .bricks-button {color: var(--white); text-transform: uppercase; font-weight: 400; border-radius: 0.5em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} .brxe-section {padding-top: 8em; padding-bottom: 10em}