.block-cta {
  padding: 44px 40px;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-radius);
  background: var(--ib-bg-soft);
}

.block-cta--invert {
  background: var(--ib-fg);
  border-color: var(--ib-fg);
  color: var(--ib-bg);
}

.block-cta--invert .block-cta__text {
  color: rgba(255, 255, 255, .72);
}

.block-cta--invert .block-cta__button {
  background: var(--ib-bg);
  border-color: var(--ib-bg);
  color: var(--ib-fg);
}

.block-cta__title {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 600;
}

.block-cta__text {
  margin: 12px 0 0;
  color: var(--ib-muted);
}

.block-cta__action {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 600px) {
  .block-cta {
    padding: 32px 24px;
  }

  .block-cta__action {
    justify-content: flex-start;
    margin-top: 20px;
  }
}