.brxe-container {width: 1280px; padding-right: 30px; padding-left: 30px} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} body {font-family: "Heebo"; font-weight: 500; font-size: var(--text-m)} h1 {font-family: "Heebo"; font-weight: 500; font-size: var(--h-1)} h2 {font-family: "Heebo"; font-weight: 500; font-size: var(--h-2)} h3 {font-size: var(--h-3); font-family: "Heebo"; font-weight: 500; line-height: 4rem} h4 {font-size: var(--h-4); font-family: "Heebo"; font-weight: 400} h5 {font-size: var(--h-5); font-family: "Heebo"; font-weight: 400; line-height: 3.2rem} h6 {font-size: var(--h-6); font-family: "Heebo"; font-weight: 400; line-height: 2.2rem} .bricks-button.xl {font-size: var(--h-3); color: var(--White); padding-top: 3.0rem; padding-bottom: 3.0rem} .bricks-button {font-size: var(--text-m); color: var(--White); border-radius: 1rem; padding-top: 1.5rem; padding-right: 5.3rem; padding-bottom: 1.5rem; padding-left: 5.3rem} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--Violet-dark)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--Blue-light)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--Blue)} .bricks-button.sm {padding-top: 1.5rem; padding-right: 2.3rem; padding-bottom: 1.5rem; padding-left: 2.3rem}