: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)} html {font-size: 100%} body {font-size: var(--text-m); font-family: "Helvetica"; font-weight: 400; color: var(--secondary)} h1, h2, h3, h4, h5, h6 {font-family: "Futura"} .brxe-section {padding-top: var(--section-padding-top); padding-right: var(--section-padding-right); padding-bottom: var(--section-padding-bottom); padding-left: var(--section-padding-left)} .brxe-container {padding-top: var(--container-padding-top); padding-right: var(--container-padding-right); padding-bottom: var(--container-padding-botton); padding-left: var(--container-padding-left)} .bricks-button {font-size: var(--text-s); font-family: "Helvetica"; font-weight: 400; border-radius: 2px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {font-size: var(--text-m); font-family: "Helvetica"; font-weight: 600} :root .bricks-button[class*="secondary"] {font-size: var(--text-m); font-family: "Futura"; border-top: 6px solid var(--secondary); border-right: 15px solid var(--secondary); border-bottom: 6px solid var(--secondary); border-left: 15px solid var(--secondary); border-radius: 2px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)}