.cnet-pattern--cta-bandeau__shell {
  border: 1px solid var(--wp--preset--color--neutral);
  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--accent);
  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--primary);
}

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

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

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

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

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

.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--neutral);
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}

@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--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--base) !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;
  }
}