/*
  Adapted from /preview/assets/css/components/final-cta.css. Only
  .final-cta__actions .btn → .final-cta__actions .wp-block-button__link
  changed, same reason as hero.css: buttons are core/button now, and
  their className lands on the outer wrapper, not the inner link that
  needs the padding override. The ring/chevron geometry is pure CSS +
  one Custom HTML block with no editable content, so it ported
  unchanged.
*/

.final-cta {
  position: relative;
  overflow: hidden;
  background: var(--wp--preset--color--near-black);
  color: var(--wp--preset--color--white);
}

.final-cta__inner {
  position: relative;
  z-index: 1;
}

.final-cta__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--wp--preset--spacing--40);
  max-width: 46ch;
}

.final-cta__title {
  font-size: var(--wp--preset--font-size--xl);
  color: var(--wp--preset--color--white);
  text-wrap: balance;
}

.final-cta__text {
  max-width: 38ch;
  font-size: var(--wp--preset--font-size--md);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
}

.final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30);
  width: 100%;
}

.final-cta__actions .wp-block-button__link {
  padding-block: 1.05rem;
}

/* Decorative geometry layer — purely visual, sits behind the copy */
.final-cta__geo {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.final-cta__ring {
  position: absolute;
  top: 50%;
  right: -14%;
  transform: translateY(-50%);
  width: clamp(220px, 38vw, 420px);
  height: auto;
  opacity: 0.9;
}

.final-cta__chevron {
  position: absolute;
  left: 6%;
  bottom: -6%;
  width: 90px;
  height: auto;
  color: var(--wp--preset--color--graphite);
  opacity: 0.5;
}

@media (min-width: 640px) {
  .final-cta__actions {
    flex-direction: row;
    width: auto;
  }
}

@media (min-width: 1024px) {
  .final-cta__ring {
    width: clamp(360px, 30vw, 480px);
    right: -8%;
  }

  .final-cta__chevron {
    width: 120px;
    left: 42%;
    bottom: -8%;
  }
}