body {font-size: var(--font-size-body-1); font-weight: 400; line-height: var(--line-height-body-1); letter-spacing: var(--letter-spacing-body-1); color: var(--bricks-color-d2f727); font-family: "Mont"; background: none} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-31bf05)} h1 {font-size: var(--font-size-h1); font-weight: 800; line-height: var(--line-height-h1); letter-spacing: var(--line-height-h1)} h2 {font-size: var(--font-size-h2); color: var(--bricks-color-d2f727); line-height: var(--line-height-h2); letter-spacing: var(--letter-spacing-h2); font-weight: 800} .bricks-button {font-size: var(--font-size-mobile-button); line-height: var(--line-height-button); letter-spacing: var(--letter-spacing-button); font-weight: 800; color: var(--bricks-color-8d7c87); padding-top: 9px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px; border-radius: 999px; transition: all 300ms} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-31bf05)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-d2f727)} .brxe-container {padding-right: 20px; padding-left: 20px} html {background-color: var(--bricks-color-8d7c87)}@media (min-width: 991px) { .bricks-button {padding-top: 15px; padding-right: 24px; padding-bottom: 15px; padding-left: 24px; font-size: var(--font-size-button)}}