/* The primary calls to action share the same default and hover fills. */
.landing-page .hero-actions .hero-pill-primary,
.landing-page .nav .button[data-start],
.landing-page #pricing .price-card.featured .button{
  background:var(--brand-dark-gradient);
  color:#fff;
  border-color:#1D4853;
}

.landing-page .hero-actions .hero-pill-primary::before{background:var(--brand-dark-gradient)}
.landing-page .nav .button[data-start]:hover,
.landing-page #pricing .price-card.featured .button:hover{
  background:var(--brand-dark-gradient);
  color:#fff;
  border-color:#102A35;
}

/* Closing CTA uses the warm brand colours at every breakpoint. */
.landing-page .final-cta .button[data-start],
.landing-page .final-cta .button[data-start]:hover{
  background:var(--paper);
  color:#102A35;
  border:0;
  box-shadow:none;
}