body {font-family: "Inter"; font-weight: 400; color: var(--primary)} h1, h2, h3, h4, h5, h6 {color: var(--primary); font-family: "Vollkorn"; font-weight: 700} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--secondary)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--secondary-d-1)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button {color: var(--bg-surface)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--secondary)} .bricks-button.outline {background-color: var(--bg-surface); border: 1px solid var(--secondary); color: var(--secondary)} .bricks-button.outline:hover {background-color: var(--secondary); color: var(--bg-surface)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--primary-10)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--primary); font-size: var(--text-xs)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--primary-20)} .brxe-section {padding-top: var(--space-xl); padding-right: 2rem; padding-bottom: var(--space-xl); padding-left: 2rem} .brxe-container {width: var(--max-screen-width)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)}: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)}* { transition: all 0.3s ease;}