.brxe-container {width: var(--max-screen-width); column-gap: var(--space-s); row-gap: var(--space-s)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)} body {font-family: "WKDInter"; font-weight: 300} h1, h2, h3, h4, h5, h6 {font-family: "WKDPoppins"; font-weight: 600; letter-spacing: -0.05em} .brxe-block {column-gap: var(--space-s); row-gap: var(--space-s)} .brxe-div {column-gap: var(--space-s); row-gap: var(--space-s)} .brxe-section {column-gap: var(--space-s); row-gap: var(--space-s)} .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(--dark); font-weight: 600; text-decoration: none; border: var(--wkd-border-width) none var(--dark); border-radius: var(--radius-full)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--text-body)} :root .bricks-button[class*="primary"]:hover {border-color: var(--text-body); color: var(--light)} .bricks-button {border: var(--wkd-border-width) solid var(--dark); border-radius: var(--radius-full); transition: var(--wkd-transition); font-family: "WKDPoppins"; font-weight: 600} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="secondary"] {border: var(--wkd-border-width) solid var(--dark); border-radius: var(--radius-full); color: var(--dark); font-weight: 600; text-decoration: none} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--dark)} :root .bricks-button[class*="secondary"]:hover {color: var(--light)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--dark)} :root .bricks-button[class*="dark"] {color: var(--light); border: var(--wkd-border-width) solid var(--dark)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--light)} :root .bricks-button[class*="dark"]:hover {color: var(--dark); border-color: var(--dark)} :root .bricks-button[class*="primary"].outline {border: var(--wkd-border-width) solid var(--primary); background-color: var(--primary)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--dark); border-color: var(--light)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--dark)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--light)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {text-decoration: none}