.brxe-button { transition: 400ms;} body {font-family: "Roboto"; font-weight: 400; font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; font-weight: 700; font-size: var(--text-xl); text-transform: uppercase} .bricks-button {text-transform: uppercase; font-family: "Montserrat"; font-weight: 600; padding-top: 1rem; padding-right: 4rem; padding-bottom: 1rem; padding-left: 4rem} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--red)} :root .bricks-button[class*="primary"] {color: var(--light)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--red-light)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--light)} :root .bricks-button[class*="secondary"] {color: var(--red)} .brxe-container {width: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} .brxe-section {padding-top: var(--space-2xl); padding-right: var(--space-m); padding-bottom: var(--space-2xl); padding-left: var(--space-m)}