body {font-family: "Manrope"; color: var(--text-body); font-weight: 500} h1, h2, h3, h4, h5, h6 {font-family: "Manrope"; color: var(--text-title)} h2 {font-weight: 600} h3 {font-weight: 500} .brxe-container {width: var(--max-screen-width)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button {color: var(--white); line-height: 1.2; font-weight: 600; font-family: "Manrope"; border-radius: var(--radius-full); transition: var(--wkd-transition); padding-right: 2em; padding-left: 2em} .bricks-button.sm {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .bricks-button.md {padding-right: 2em; padding-left: 2em} .bricks-button.lg {padding-right: 2em; padding-left: 2em} .bricks-button.xl {padding-right: 2em; padding-left: 2em} :root .bricks-button[class*="info"] {font-weight: 500; color: var(--text-dark)} :root .bricks-button[class*="info"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="secondary"] {color: var(--text-title); border: var(--wkd-border-width) solid var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--white)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--light)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border: var(--wkd-border-width) solid var(--primary); color: var(--secondary)}@media (max-width: 768px) { .bricks-button {line-height: 1.5}}