.cta .btn-contrast {
  min-height: 62px;
  gap: 28px;
  padding: 0 0 0 28px;
  background: #f7faf9;
  color: #152b37;
  font-size: 14px;
  transition: background .25s ease, transform .25s ease;
}
.cta .btn-contrast > .cta-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 62px;
  height: 62px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #173542;
  color: #fff;
  transition: background .25s ease;
}
.cta .cta-icon svg { display: block; width: 22px; height: 22px; transition: transform .25s ease; }
.cta .btn-contrast:hover,
.cta .btn-contrast:focus-visible { background: #e6f0f1; }
.cta .btn-contrast:hover > .cta-icon,
.cta .btn-contrast:focus-visible > .cta-icon { background: #285361; transform: none; }
.cta .btn-contrast:hover .cta-icon svg,
.cta .btn-contrast:focus-visible .cta-icon svg { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) {
  .cta .btn-contrast,
  .cta .btn-contrast > .cta-icon,
  .cta .cta-icon svg { transition: none; }
}