html {font-size: 100%} body {font-size: 16px; color: #3c3a50; font-family: "Gabarito"; font-weight: 400; line-height: 1.35; text-wrap: pretty} h1, h2, h3, h4, h5, h6 {text-wrap: pretty; color: var(--deep-purple)} h1 {font-size: 51px; font-weight: 800; line-height: 1; letter-spacing: -1.5px} h2 {font-size: 42px; font-family: "Gabarito"; font-weight: 800; line-height: 1.1; letter-spacing: -1.25px} h3 {font-size: 35px; font-family: "Gabarito"; font-weight: 700; line-height: 1.1; letter-spacing: -1px} h4 {font-size: 29px; font-family: "Gabarito"; font-weight: 500; line-height: 1.1; letter-spacing: -0.75px} h5 {font-size: 24.5px; font-family: "Gabarito"; font-weight: 500; line-height: 1.1; letter-spacing: -0.5px} h6 {font-size: 21px; font-family: "Gabarito"; font-weight: 500; line-height: 1.1; letter-spacing: -0.5px} .bricks-button {font-family: "Gabarito"; font-weight: 600; line-height: 1; border-radius: var(--br-xs); transition: 0.15s all ease-in-out} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--white)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--deep-purple)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--body-text-purple)} .bricks-button:where(.bricks-background-primary:not(.outline)):focus {background-color: var(--body-text-purple)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--deep-purple)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--green)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: #31b878} .bricks-button:where(.bricks-background-secondary:not(.outline)):focus {background-color: #31b878} .bricks-button:where(.sm) {padding-top: var(--space-mini); padding-right: var(--space-xxs); padding-bottom: var(--space-mini); padding-left: var(--space-xxs); font-size: 16px} .bricks-button:where(.md) {padding-top: var(--space-xxs); padding-right: var(--space-xm); padding-bottom: var(--space-xxs); padding-left: var(--space-xm); font-size: 19px}@media (min-width: 1400px) { .bricks-button {font-weight: 600; line-height: 1; text-wrap: stable}}@media (max-width: 767px) { h1 {font-size: 39px; letter-spacing: -1px} h2 {font-size: 34px; letter-spacing: -0.75px} h3 {font-size: 30.5px} h4 {font-size: 27px} h5 {font-size: 24px}}