.brxe-container {width: var(--af-max-screen-width); padding-top: var(--af-space-xl); padding-right: var(--af-space-m); padding-bottom: var(--af-space-xl); padding-left: var(--af-space-m)} .woocommerce main.site-main {width: var(--af-max-screen-width)} #brx-content.wordpress {width: var(--af-max-screen-width)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--af-primary)} :root .bricks-button[class*="primary"] {color: var(--af-light); font-size: var(--af-text-m); font-weight: 600; border-radius: var(--af-radius-m)} .bricks-button {padding-right: var(--af-space-s); padding-left: var(--af-space-s)} :root .bricks-button[class*="secondary"] {font-size: var(--af-text-m); font-weight: 600; border-radius: var(--af-radius-m)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--af-tertiary)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--af-light-20)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {font-size: var(--af-text-m); font-weight: 600; color: var(--af-light); border-radius: var(--af-radius-m)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--af-primary-l-2)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--af-success)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--af-secondary)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--af-secondary-80)} :root .bricks-button[class*="dark"] {font-size: var(--af-text-m); font-weight: 600; border-radius: var(--af-radius-m)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--af-primary)} .bricks-button:hover {color: var(--af-light)} :root .bricks-button[class*="info"] {color: var(--af-primary); font-size: var(--af-text-m); font-weight: 600; border: 1px solid var(--af-primary); border-radius: var(--af-radius-m)} :root .bricks-button[class*="info"]:not(.outline) {background-color: var(--af-light)} :root .bricks-button[class*="info"]:hover {color: var(--af-light); border: 1px solid var(--af-light); border-radius: var(--af-radius-m)} :root .bricks-button[class*="info"]:not(.outline):hover {background-color: var(--af-primary)} body {font-size: var(--af-text-m); font-family: "Montserrat"} h1, h2, h3, h4, h5, h6 {font-family: "Cormorant Infant"; font-weight: 700; color: var(--af-secondary)}