:root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-primary)} :root .bricks-button[class*="primary"] {font-size: var(--text-body); color: var(--color-secondary); font-family: "Roboto"; font-weight: 400; border-radius: 1rem} :root .bricks-button[class*="secondary"] {color: var(--color-primary); font-size: var(--text-body); border-radius: 1rem} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color-secondary)} .bricks-button.sm {font-size: 1.5rem; font-family: "Roboto"} h1, h2, h3, h4, h5, h6 {font-family: "Roboto"} body {font-family: "Roboto"}