/* One typography scale for marketing buttons, independent of page/theme/state.
   48px and 56px buttons share Body type; 40px buttons use the compact scale. */
:root {
  --cta-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "SF Pro Text", "Segoe UI", sans-serif;
  --cta-font-weight: 500;
  --cta-font-size: 17px;
  --cta-line-height: 22px;
  --cta-letter-spacing: -0.442px;
  --cta-small-font-size: 15px;
  --cta-small-line-height: 20px;
  --cta-small-letter-spacing: -0.24px;
}
.site-header .download-button,
.landing-page-v2 .download-button,
.seo-page .download-button,
.landing-blog-explore {
  font-family: var(--cta-font-family);
  font-size: var(--cta-font-size);
  font-style: normal;
  font-weight: var(--cta-font-weight);
  line-height: var(--cta-line-height);
  letter-spacing: var(--cta-letter-spacing);
  font-variation-settings: "wdth" 100;
}
@media (max-width: 1023px) {
  .site-header .download-button,
  .mobile-download-cta {
    --cta-font-size: var(--cta-small-font-size);
    --cta-line-height: var(--cta-small-line-height);
    --cta-letter-spacing: var(--cta-small-letter-spacing);
  }
}