.brxe-container {width: 1440px; padding-right: 15px; padding-left: 15px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} body {font-family: "Inter"; font-size: 16px} h1, h2, h3, h4, h5, h6 {font-family: "Oswald"; font-weight: 500} h1 {font-size: 60px} h2 {font-size: 36px} h3 {font-size: 20px} .brxe-section {padding-top: 120px; padding-bottom: 120px} :root .bricks-button[class*="primary"] {color: var(--black); font-size: 14px; text-transform: uppercase; font-family: "Oswald"; letter-spacing: 2px; font-weight: 700; border-radius: 7px} .bricks-button {padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--gold)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--yellow)} :root .bricks-button[class*="secondary"] {font-family: "Oswald"; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 2px; border: 1px solid var(--light-gray); border-radius: 7px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: hsla(42, 7%, 72%, 0.1)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--gold)} :root .bricks-button[class*="secondary"]:hover {color: var(--charcoal); border: 1px solid var(--gold)}@media (max-width: 767px) { .brxe-section {padding-top: 60px; padding-bottom: 60px}}