.cnet-pattern--cta-bandeau__shell {
  border: 1px solid var(--wp--preset--color--mist);
  padding: var(--wp--preset--spacing--10);
}

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

.cnet-pattern--cta-bandeau__content {
  gap: var(--wp--preset--spacing--4);
}

.cnet-pattern--cta-bandeau__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-bandeau__content h2,
.cnet-pattern--cta-bandeau__content .wp-block-heading {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--4);
}

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

.cnet-pattern--cta-bandeau__actions {
  display: flex;
  justify-content: flex-end;
}

.cnet-pattern--cta-bandeau__actions .wp-block-buttons {
  justify-content: flex-end;
}

.cnet-pattern--cta-bandeau .wp-block-button__link,
.cnet-pattern--cta-bandeau .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-bandeau .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.cnet-pattern--cta-bandeau .wp-block-button:not(.is-style-outline) .wp-element-button {
  --cnet-cta-button-accent: var(--wp--preset--color--sage);
}

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

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

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

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

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

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

.cnet-pattern--cta-bandeau .wp-block-button.is-style-outline .wp-block-button__link,
.cnet-pattern--cta-bandeau .wp-block-button.is-style-outline .wp-element-button {
  border-color: var(--wp--preset--color--mist);
  background-color: transparent;
  color: var(--wp--preset--color--sage);
}

@media (hover: hover) {
  .cnet-pattern--cta-bandeau .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
  .cnet-pattern--cta-bandeau .wp-block-button:not(.is-style-outline) .wp-element-button:hover,
  .cnet-pattern--cta-bandeau .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
  .cnet-pattern--cta-bandeau .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-bandeau .wp-block-button.is-style-outline .wp-block-button__link:hover,
  .cnet-pattern--cta-bandeau .wp-block-button.is-style-outline .wp-element-button:hover,
  .cnet-pattern--cta-bandeau .wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
  .cnet-pattern--cta-bandeau .wp-block-button.is-style-outline .wp-element-button:focus-visible {
    background-color: var(--wp--preset--color--sage) !important;
    border-color: var(--wp--preset--color--sage) !important;
    color: var(--wp--preset--color--paper) !important;
    text-decoration: none;
  }
}

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

  .cnet-pattern--cta-bandeau__actions,
  .cnet-pattern--cta-bandeau__actions .wp-block-buttons {
    justify-content: flex-start;
  }
}