/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!../../node_modules/glob-import-loader/index.js!./src/blocks/brand-promo/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * This mixin assumes that each typography preset includes a style property for
 * each of the following properties:
 * - font-family
 * - font-size
 * - font-style
 * - font-weight
 * - letter-spacing
 * - line-height
 * - text-decoration
 * - text-transform
 */
.wp-block-brand-promo.wp-block-brand-promo.wp-block-brand-promo {
  background-color: var(--background-color);
  border: 1px solid #e0e0e0;
  border-radius: var(--wp--custom--radius--lg, 16px);
  container-name: brand-promo;
  container-type: inline-size;
}
.wp-block-brand-promo.wp-block-brand-promo.wp-block-brand-promo h4 {
  font-family: var(--wp--custom--typography-preset--heading-xs--style--font-family);
  font-size: var(--wp--custom--typography-preset--heading-xs--style--font-size);
  font-style: var(--wp--custom--typography-preset--heading-xs--style--font-style);
  font-weight: var(--wp--custom--typography-preset--heading-xs--style--font-weight);
  letter-spacing: var(--wp--custom--typography-preset--heading-xs--style--letter-spacing);
  line-height: var(--wp--custom--typography-preset--heading-xs--style--line-height);
  -webkit-text-decoration: var(--wp--custom--typography-preset--heading-xs--style--text-decoration);
          text-decoration: var(--wp--custom--typography-preset--heading-xs--style--text-decoration);
  text-transform: var(--wp--custom--typography-preset--heading-xs--style--text-transform);
}
.wp-block-brand-promo {
  position: relative;
}
.wp-block-brand-promo > svg {
  position: absolute;
  right: 18px;
  top: 32px;
  transform: translateY(-50%);
}
@container brand-promo (max-width: 380px) {
  .wp-block-brand-promo h4 {
    font-size: var(--wp--custom--font-size--275, 14px) !important;
  }
}
.wp-block-brand-promo > h2 {
  --title-font-size: 31px;
  --tm-font-size: 18px;
}
@container brand-promo (max-width: 380px) {
  .wp-block-brand-promo > h2 {
    --title-font-size: 24px;
    --tm-font-size: 14px;
    margin-bottom: 12px;
  }
}
.wp-block-brand-promo > h2 {
  font-size: var(--title-font-size);
  margin: 0 0 16px;
  position: relative;
}
.wp-block-brand-promo > h2 .tm {
  font-size: var(--tm-font-size);
  vertical-align: top;
}
.wp-block-brand-promo > h4 {
  margin: 0 0 24px;
}
.wp-block-brand-promo .blurbs {
  display: flex;
  gap: 24px;
  margin: 0 0 24px;
}
.wp-block-brand-promo .blurbs h4,
.wp-block-brand-promo .blurbs p {
  margin: 0;
}
.wp-block-brand-promo .blurbs p {
  font-size: var(--wp--custom--font-size--275, 14px);
}
@container brand-promo (max-width: 380px) {
  .wp-block-brand-promo .blurbs p {
    font-size: var(--wp--custom--font-size--250, 12px);
  }
}
.wp-block-brand-promo .blurbs > div {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--wp--custom--size--4, 4px);
  justify-content: space-between;
}
.wp-block-brand-promo .blurbs figure {
  align-items: center;
  display: flex;
  height: var(--wp--custom--size--64, 64px);
  margin-bottom: 0;
}
.wp-block-brand-promo .blurbs img {
  max-height: var(--wp--custom--size--64, 64px);
}
.wp-block-brand-promo .blurbs .news-guard img {
  max-height: 43px;
}
.wp-block-brand-promo .bottom-rule {
  margin-bottom: var(--wp--preset--spacing--md, 24px);
}
.wp-block-brand-promo .wp-element-button {
  width: 100%;
}

/*# sourceMappingURL=style.css.map*/