 html {font-size: 100%} body {font-size: var(--text-m); font-weight: 400; font-style: normal; line-height: 1.5; letter-spacing: -0.01rem; font-family: "new-hero", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif} h1, h2, h3, h4, h5, h6 {font-family: "new-hero"} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-daoggy)} .bricks-button {color: var(--bricks-color-ifpooc); font-size: var(--H4); text-align: center; text-transform: uppercase; font-family: "swear-display"; font-weight: 700; font-style: normal; letter-spacing: -0.01rem; border-radius: 50px}:where(:root) .bricks-color-primary {color: var(--bricks-color-jnqwsh)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-jnqwsh)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-behcpk)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-behcpk)}:where(:root) .bricks-color-light {color: var(--bricks-color-cthtoo)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-cthtoo)} #brx-content {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} .content-area {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0}