.wp-block-acf-highlight-box.is-preview,
.wp-block-acf-highlight-box .is-preview {
  pointer-events: none;
}
.wp-block-acf-highlight-box {
  --container-padding-inline: 5rem;
  --container-width: 50rem;
}
@media only screen and (max-width: 999px) {
  .wp-block-acf-highlight-box {
    --container-padding-inline: 3rem;
  }
}
@media only screen and (max-width: 781px) {
  .wp-block-acf-highlight-box {
    --container-padding-inline: 1.5rem;
  }
}

.wp-block-acf-highlight-box__container {
  color: var(--wp--preset--color--black);
  border-radius: var(--radius);
  max-width: var(--container-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-inline);
  position: relative;
  isolation: isolate;
}
.wp-block-acf-highlight-box__container::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.5rem;
  bottom: 0.875rem;
  left: var(--container-padding-inline);
  right: var(--container-padding-inline);
  z-index: -2;
  border-radius: calc(0.5 * var(--radius));
  background-color: var(--wp--preset--color--magenta);
}
.wp-block-acf-highlight-box__container::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.5rem;
  bottom: 1.125rem;
  right: 0;
  left: 0;
  z-index: -2;
  border-radius: var(--radius);
  background-color: var(--wp--preset--color--yellow);
}

.wp-block-acf-highlight-box__inner-container {
  display: flex;
  gap: 2.5rem;
}
@media only screen and (max-width: 781px) {
  .wp-block-acf-highlight-box__inner-container {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.wp-block-acf-highlight-box__icon {
  width: 5rem;
  margin-top: 0.375rem;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg width='85' height='85' viewBox='0 0 85 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M85 42.5C85 65.9719 65.9719 85 42.5 85C34.9499 85 27.8595 83.0314 21.7144 79.5791L6.20003 84.7505C2.52242 85.9762 -0.976309 82.4776 0.24956 78.8001L5.421 63.2855C1.96877 57.1404 0 50.0501 0 42.5C0 19.0279 19.0279 0 42.5 0C65.9719 0 85 19.0279 85 42.5ZM36.0438 60.3045C38.8743 62.6017 40.2896 63.75 42.5 63.75C44.7104 63.75 46.1257 62.6017 48.9562 60.3045C55.2088 55.2309 63.75 46.8494 63.75 38.9245C63.75 25.6859 52.0621 20.7432 42.5 30.97C32.9378 20.7432 21.25 25.6859 21.25 38.9249C21.25 46.8494 29.7913 55.2309 36.0438 60.3045Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 781px) {
  .wp-block-acf-highlight-box__icon {
    width: 4rem;
  }
}

.wp-block-acf-highlight-box__content-container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.wp-block-acf-highlight-box__content-container h2.wp-block-acf-highlight-box__title {
  margin: 0;
  font-size: 2.75rem;
  line-height: 1.15;
}
@media only screen and (max-width: 999px) {
  .wp-block-acf-highlight-box__content-container h2.wp-block-acf-highlight-box__title {
    font-size: 2.25rem;
  }
}
@media only screen and (max-width: 781px) {
  .wp-block-acf-highlight-box__content-container h2.wp-block-acf-highlight-box__title {
    font-size: 2rem;
  }
}
.wp-block-acf-highlight-box__content-container .wp-block-acf-highlight-box__text {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}
.wp-block-acf-highlight-box__content-container .wp-block-acf-highlight-box__buttons {
  margin-top: 0.25rem;
}