 .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--mci-primary)} .bricks-button {font-family: "Google Sans"; color: var(--mci-bg-surface); padding-top: 0.5rem ; padding-right: 1rem; padding-bottom: 0.5rem ; padding-left: 1rem; transition: transition: all .3s cubic-bezier(.25, .8, .25, 1);} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--mci-primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--mci-secondary)} .bricks-button.sm {padding-top: 0.5rem ; padding-right: 1rem; padding-bottom: 0.5rem ; padding-left: 1rem} .bricks-button.md {padding-top: 0.5rem ; padding-right: 1rem; padding-bottom: 0.5rem ; padding-left: 1rem} .bricks-button.lg {padding-top: 0.5rem ; padding-right: 1rem; padding-bottom: 0.5rem ; padding-left: 1rem} .bricks-button.xl {padding-top: 0.5rem ; padding-right: 1rem; padding-bottom: 0.5rem ; padding-left: 1rem} html {font-size: 100%} body {font-family: "Google Sans"; color: var(--mci-text-title)} h1, h2, h3, h4, h5, h6 {font-weight: 400; font-family: "Bauhaus 93"; color: var(--mci-text-title)} h4 {color: var(--mci-text-title); font-family: "Bauhaus 93"}:where(:root) .bricks-color-primary {color: var(--mci-primary)}:where(:root) .bricks-background-primary {background-color: var(--mci-primary)}:where(:root) .bricks-color-secondary {color: var(--mci-secondary)}:where(:root) .bricks-background-secondary {background-color: var(--mci-secondary)} html {background-color: var(--mci-bg-body)} body {background: none}@media (max-width: 991px) { .brxe-container {padding-top: 6rem; padding-bottom: 6rem} h1, h2, h3, h4, h5, h6 {color: var(--mci-text-title)}}@media (max-width: 478px) { .brxe-container {width: 100%; padding-top: 4rem; padding-right: 5%; padding-bottom: 4rem; padding-left: 5%; max-width: 90rem} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 90rem} .bricks-button {color: var(--white-color-1); font-weight: 500; border: 2px solid var(--primary); border-radius: 0.5rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--white-color-1); border: 2px solid var(--primary); border-radius: 0.5rem} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"] {color: var(--primary); border: 2px solid var(--primary); border-radius: 0.5rem} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(255, 255, 255, 0)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--blue-color-4); border: 2px solid var(--blue-color-3); border-radius: 0.5rem} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--blue-color-3)} html {font-size: 100%; background-color: var(--mci-bg-body)} body {font-size: 1rem; color: var(--mci-text-title); background: none}}