body {font-family: "Roboto"; font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {font-family: "Oswald"} h1 {text-transform: uppercase} h2 {text-transform: uppercase} .brxe-container {width: (--max-screen-width); row-gap: var(--space-2xl)} .woocommerce main.site-main {width: (--max-screen-width)} #brx-content.wordpress {width: (--max-screen-width)} :root .bricks-button[class*="primary"].outline {border: 2px solid var(--primary); background-color: rgba(0, 0, 0, 0); color: var(--light)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--primary)} :root .bricks-button[class*="primary"]:hover {color: var(--light)} .bricks-button {transition: .3s; font-weight: 500; border-radius: 2px; padding-top: 0.5em; padding-right: 2em; padding-bottom: .5em; padding-left: 2em} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--light)} :root .bricks-button[class*="secondary"].outline {border: 2px solid var(--primary); color: var(--text-dark)} :root .bricks-button[class*="secondary"].outline:hover {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:hover {color: var(--light)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #bf2800} .brxe-section {padding-top: var(--space-2xl); padding-right: 1.5rem; padding-bottom: var(--space-2xl); padding-left: 1.5rem}