.brxe-container {width: 1366px} .woocommerce main.site-main {width: 1366px} #brx-content.wordpress {width: 1366px} html {font-size: 100%} body {font-family: "Cairo"; font-size: 1rem} .bricks-button {padding-top: 8px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px; border-radius: 6px; font-size: 16px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--white)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-hover)}