.cta__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cta__bot {
  width: clamp(152px, 8.5rem + 5vw, 208px);
  height: auto;
  margin-bottom: clamp(28px, 1.25rem + 1.6vw, 44px);
}

.cta__title {
  font-size: clamp(2.25rem, 1.45rem + 3.4vw, 4rem);
  max-width: 18ch;
}
.cta__nobr { white-space: nowrap; }

.cta__lead {
  max-width: 34rem;
  margin-top: 20px;
}

.cta__main { margin-top: clamp(32px, 1.5rem + 1vw, 40px); }

.cta__get {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 32px;
  margin-top: 24px;
}
.cta__store {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  color: var(--accent-text);
  font-size: var(--fs-body);
  font-weight: 500;
}
.cta__store svg { flex: none; }
.cta__store:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }

.cta__fine { margin-top: 12px; max-width: 30rem; }

@media (max-width: 560px) {
  .cta__main { align-self: stretch; max-width: 22rem; margin-inline: auto; width: 100%; }
  .cta__get { flex-direction: column; align-items: center; gap: 0; margin-top: 16px; }
}

.cta .cta__bot { transform: translate3d(0, calc((0.5 - var(--p, 0.5)) * 72px), 0); will-change: transform; }