.cnet-pattern--cta-split__columns {
  align-items: center;
}

.cnet-pattern--cta-split__content {
  gap: var(--wp--preset--spacing--4);
  padding-inline: clamp(var(--wp--preset--spacing--6), 6vw, var(--wp--preset--spacing--16));
}

.cnet-pattern--cta-split__eyebrow {
  margin: 0;
  color: var(--wp--preset--color--clay);
  font-size: var(--wp--preset--font-size--xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cnet-pattern--cta-split__content h2,
.cnet-pattern--cta-split__content .wp-block-heading {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--4);
}

.cnet-pattern--cta-split__content p:last-child {
  margin-bottom: 0;
}

.cnet-pattern--cta-split__panel {
  padding: var(--wp--preset--spacing--10);
  border: 1px solid rgba(245, 242, 235, 0.22);
}

.cnet-pattern--cta-split__note {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--6);
  font-size: var(--wp--preset--font-size--xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cnet-pattern--cta-split__panel .wp-block-buttons {
  width: 100%;
}

.cnet-pattern--cta-split__panel .wp-block-button {
  width: 100%;
}

.cnet-pattern--cta-split__panel .wp-block-button__link {
  width: 100%;
  text-align: center;
}

.cnet-pattern--cta-split .wp-block-button__link,
.cnet-pattern--cta-split .wp-element-button {
  border: 1px solid transparent;
  text-decoration: none;
  transition:
    background-color 220ms ease,
    border-color 220ms ease,
    color 220ms ease;
}

.cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .wp-element-button {
  --cnet-cta-button-accent: var(--wp--preset--color--paper);
}

.cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .has-paper-background-color {
  --cnet-cta-button-accent: var(--wp--preset--color--paper);
}

.cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .has-ink-background-color {
  --cnet-cta-button-accent: var(--wp--preset--color--ink);
}

.cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .has-sage-background-color {
  --cnet-cta-button-accent: var(--wp--preset--color--sage);
}

.cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .has-clay-background-color {
  --cnet-cta-button-accent: var(--wp--preset--color--clay);
}

.cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .has-mist-background-color {
  --cnet-cta-button-accent: var(--wp--preset--color--mist);
}

.cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .wp-element-button {
  border-color: var(--cnet-cta-button-accent);
}

.cnet-pattern--cta-split .wp-block-button.is-style-outline .wp-block-button__link,
.cnet-pattern--cta-split .wp-block-button.is-style-outline .wp-element-button {
  border-color: rgba(245, 242, 235, 0.4);
  background-color: transparent;
  color: var(--wp--preset--color--paper);
}

@media (hover: hover) {
  .cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
  .cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .wp-element-button:hover,
  .cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
  .cnet-pattern--cta-split .wp-block-button:not(.is-style-outline) .wp-element-button:focus-visible {
    background-color: transparent !important;
    border-color: var(--cnet-cta-button-accent) !important;
    color: var(--cnet-cta-button-accent) !important;
    text-decoration: none;
  }

  .cnet-pattern--cta-split .wp-block-button.is-style-outline .wp-block-button__link:hover,
  .cnet-pattern--cta-split .wp-block-button.is-style-outline .wp-element-button:hover,
  .cnet-pattern--cta-split .wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
  .cnet-pattern--cta-split .wp-block-button.is-style-outline .wp-element-button:focus-visible {
    background-color: var(--wp--preset--color--paper) !important;
    border-color: var(--wp--preset--color--paper) !important;
    color: var(--wp--preset--color--sage) !important;
    text-decoration: none;
  }
}

@media (max-width: 781px) {
  .cnet-pattern--cta-split__content {
    padding-inline: var(--wp--preset--spacing--6);
  }

  .cnet-pattern--cta-split__panel {
    padding: var(--wp--preset--spacing--6);
  }
}