body {font-family: "Roboto"; letter-spacing: .5px} h1, h2, h3, h4, h5, h6 {font-family: "Roboto"; font-weight: 700; letter-spacing: 0.1px} .bricks-type-hero {font-family: "Chewy"} .brxe-container {max-width: 1600px; margin-top: 0; margin-bottom: 0; width: 100%} #brx-content.wordpress {max-width: 1600px; width: 100%} .woocommerce main.site-main {width: 100%} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button {border: 1px solid var(--action); border-radius: 5px} :root .bricks-button[class*="primary"]:hover {color: var(--white); border: 1px solid var(--action)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--action)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--white)} :root .bricks-button[class*="primary"] {color: var(--action)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--action)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--white)} :root .bricks-button[class*="secondary"]:hover {color: var(--action); border: 1px solid var(--action)} .brxe-section {padding-top: var(--space-l); padding-bottom: var(--space-l)}