/* A quiet colour response; the pill and its label stay perfectly still. */
.big-cta {
  transform: none;
  transition: background-color 240ms ease;
  -webkit-tap-highlight-color: transparent;
}
.big-cta .cta-arrow {
  display: block;
  transform: translate(0, 0);
  transition: transform 240ms cubic-bezier(.22, 1, .36, 1);
}
.big-cta .cta-arrow svg { display: block; width: 1em; height: 1em; }
@media (hover: hover) and (pointer: fine) {
  .big-cta:hover { background-color: #2048d8; }
  .big-cta:hover .cta-arrow { transform: translate(1.5px, -1.5px); }
}
.big-cta:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 5px;
  background-color: #2048d8;
}
.big-cta:active, .big-cta.is-pressed {
  background-color: #1c40c5;
  transition-duration: 90ms;
}
.big-cta:active .cta-arrow, .big-cta.is-pressed .cta-arrow { transform: translate(0, 0); }
@media (prefers-reduced-motion: reduce) {
  .big-cta .cta-arrow, .big-cta:hover .cta-arrow { transform: none; }
}