body {font-family: "Barlow"; font-size: var(--text-s)} h1, h2, h3, h4, h5, h6 {font-family: "Barlow Condensed"} h1 {font-size: var(--headings-2xl)} .bricks-button {font-family: "Barlow Condensed"; color: var(--white); font-size: var(--text-m); text-align: center; font-weight: 800; text-transform: uppercase; text-decoration: none; border-radius: 4px} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--teal)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: var(--teal-dark)}@media (max-width: 478px) { .bricks-button {font-size: var(--text-s); line-height: 1.1}}