.brxe-container {width: 1366px} .woocommerce main.site-main {width: 1366px} #brx-content.wordpress {width: 1366px} body {letter-spacing: -0.028em} h1 {letter-spacing: -0.02em} h2 {letter-spacing: -0.02em} h3 {letter-spacing: -0.02em} h5 {text-transform: uppercase; line-height: 0} .bricks-button {color: var(--white); font-weight: 600; letter-spacing: -0.01em; font-size: 1.6rem; border: 2px solid var(--primary); border-radius: 100px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]) {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(255, 0, 0, 0)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):hover {background-color: var(--primary-dark)} .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-dark)} :root .bricks-button[class*="light"] {color: var(--primary); border: 0} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(255, 0, 0, 0)}@media (max-width: 991px) { h3 {font-weight: 500; line-height: -0.02em}}@media (max-width: 767px) { h4 {font-size: 2rem}}@media (max-width: 478px) { h1 {font-weight: 500}}