/**
 * Callout Box
 *
 * A quiet, flexible Gutenberg callout for important information. The icon is
 * an optional child block; removing it does not affect the content layout.
 */
.wp-block-group.is-style-callout-box {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-block: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  gap: clamp(1rem, 2vw, 1.25rem);
  align-items: flex-start;
  overflow-wrap: break-word;
  color: inherit;
  background-color: rgba(127, 127, 127, .1);
  background-color: color-mix(in srgb, currentColor 7%, transparent);
  border: 0;
  border-radius: clamp(.625rem, 1vw, 1rem);
  box-shadow: none;
}

.wp-block-group.is-style-callout-box > .wp-block-chadpress-icon {
  flex: 0 0 auto;
  margin: 0;
  line-height: 1;
}

.wp-block-group.is-style-callout-box > .bu-callout-box__content {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
}

.wp-block-group.is-style-callout-box > .bu-callout-box__content > :first-child,
.wp-block-group.is-style-callout-box > :first-child {
  margin-top: 0;
}

.wp-block-group.is-style-callout-box > .bu-callout-box__content > :last-child,
.wp-block-group.is-style-callout-box > :last-child {
  margin-bottom: 0;
}

.wp-block-group.is-style-callout-box .bu-callout-box__content > .wp-block-heading {
  margin-bottom: .625rem;
  color: inherit;
}

.wp-block-group.is-style-callout-box .bu-callout-box__content > p {
  color: inherit;
}