body {font-family: "Roboto"; color: var(--text-heading)} h1, h2, h3, h4, h5, h6 {font-family: "Roboto"; line-height: 1.2em; color: var(--text-heading)} h1 {font-size: 32px; font-weight: 700} h2 {font-size: 24px; font-weight: 700} h3 {font-size: 20px; font-weight: 700} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--blue-700)} .bricks-button {border-radius: 8px; color: var(--white); font-size: 16px; line-height: 1em; font-weight: 400; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--blue-700)} .bricks-button.outline {background-color: rgba(0, 0, 0, 0); border-width: 1px; border-color: var(--blue-700); color: var(--text-heading)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--navy-blue-700)}@media (max-width: 991px) { .bricks-button {font-size: 14px; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px}}@media (max-width: 433px) { .bricks-button {padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; font-size: 12px}}