.brxe-container {width: 1100px} .woocommerce main.site-main {width: 1100px} #brx-content.wordpress {width: 1100px} body {font-family: "Outfit"; font-weight: 300} h1, h2, h3, h4, h5, h6 {font-weight: 500; text-transform: uppercase; letter-spacing: 3%} .bricks-button {font-weight: 700; font-family: "Outfit"; color: var(--action); transition: all 0.3s ease-in-out} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: rgba(255, 0, 0, 0)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--white)} :root .bricks-button[class*="primary"] {border: 0; border-radius: 8px 8px 0 8px; font-weight: 700; color: var(--action)} .bricks-button:hover {color: var(--black); transition: all 0.3s ease-in-out} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--black)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--action)} :root .bricks-button[class*="primary"]:hover {color: var(--white)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {text-decoration: underline} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {text-decoration: none} html {background-color: var(--white)} body {background: none}@media (max-width: 369px) { .bricks-button.lg {padding-top: 0.4em; padding-right: 0.4em; padding-bottom: 0.4em; padding-left: 0.4em; font-size: 1em} :root .bricks-button[class*="primary"] {font-size: 15px}}