.brxe-container {width: 1366px} .woocommerce main.site-main {width: 1366px} #brx-content.wordpress {width: 1366px} body {color: var(--base); font-family: "Outfit"} h1 {letter-spacing: -0.02em} h2 {font-weight: 600} h3 {letter-spacing: -0.02em; font-weight: 500} h4 {font-weight: 400} h5 {line-height: 0; font-weight: 600; font-size: 18px; color: var(--primary)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--secondary)} .bricks-button:hover {color: var(--white); transition: all 0.5s ease-in-out} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary)} .bricks-button {color: var(--white); text-transform: uppercase; font-weight: 600; font-size: 1.4rem; letter-spacing: 0.2em; line-height: 3em; padding-right: 1.5em; padding-left: 1.5em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--white-trans-30)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--accent)} :root .bricks-button[class*="secondary"] {color: var(--white)} :root .bricks-button[class*="secondary"]:hover {color: var(--white)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--accent)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary)}@media (max-width: 991px) { h3 {font-weight: 500; line-height: -0.02em}}@media (max-width: 767px) { h4 {font-size: 2rem} h1 {line-height: 1em}}@media (max-width: 478px) { h1 {font-weight: 500; line-height: 1em}}