:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--primary-50)}:where(:root) .bricks-background-light {background-color: var(--primary-50)}:where(:root) .bricks-color-dark {color: var(--heading-text)}:where(:root) .bricks-background-dark {background-color: var(--heading-text)}:where(:root) .bricks-color-muted {color: var(--body-text)}:where(:root) .bricks-background-muted {background-color: var(--body-text)} html {font-size: 100%} body {font-size: var(--text-m); font-family: "Inter"} h1 {font-size: var(--h-title)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .brxe-section {column-gap: var(--val-2xl); row-gap: var(--val-2xl)} .brxe-container {column-gap: var(--val-3xl); row-gap: var(--val-3xl); width: var(--page-width); padding-top: var(--val-6xl); padding-right: var(--val-l); padding-bottom: var(--val-6xl); padding-left: var(--val-l)} .woocommerce main.site-main {width: var(--page-width)} #brx-content.wordpress {width: var(--page-width)} .bricks-button {border-radius: var(--val-m); padding-top: var(--val-s); padding-bottom: var(--val-s)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--secondary); border: 2px solid var(--primary)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--hover)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--primary); border-width: 2px; border-color: var(--primary)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--white); background-color: var(--primary)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--body-text); border: 1px solid var(--body-text)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--white)} .brxe-block {column-gap: var(--val-l); row-gap: var(--val-l)}@media (min-width: 767px) { .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {color: var(--white); border-color: var(--primary-700)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {background-color: var(--primary-700)}}@media (min-width: 1279px) {:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--primary-700)}}