:root {
  --global--color-primary: #1D3E75;
  --global--color-secondary: #708AA7;
  --font-default: apparat, sans-serif;
  --font-alt: ivypresto-headline, serif;
  --font-size-default: 22px;
  --font-weight-default: 300;
  --line-height-default: 1.333;
}

body {
  --wp--preset--font-size--medium: 18px;
}

/**  end vars */
.wp-block-acf-impact-promo {
  background-color: #303D52;
  padding: 64px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wp-block-acf-impact-promo.shell {
  max-width: 1300px !important;
}

.shell .wp-block-acf-impact-promo.shell {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

@media (max-width: 768px) {
  .shell .wp-block-acf-impact-promo.shell {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media (max-width: 768px) {
  .wp-block-acf-impact-promo {
    padding: 32px;
  }
}
.wp-block-acf-impact-promo .impact-promo__image {
  width: 100%;
  line-height: 0;
}
.wp-block-acf-impact-promo .impact-promo__image img {
  display: block;
  width: 100%;
  height: auto;
}
.wp-block-acf-impact-promo .impact-promo__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wp-block-acf-impact-promo .impact-promo__btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 64px;
  padding: 20px 33px;
  background-color: #FFAC00;
  border: 1px solid #FFAC00;
  border-radius: 0;
  color: #303D52;
  font-family: apparat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 768px) {
  .wp-block-acf-impact-promo .impact-promo__btn {
    padding: 16px 24px;
  }
}
.wp-block-acf-impact-promo .impact-promo__btn:hover, .wp-block-acf-impact-promo .impact-promo__btn:focus {
  background-color: #BB8109;
  border-color: #BB8109;
  color: #303D52;
  text-decoration: none;
}
.wp-block-acf-impact-promo .impact-promo__arrow {
  flex-shrink: 0;
  color: #303D52;
}
.wp-block-acf-impact-promo .impact-promo__arrow--down {
  transform: rotate(90deg);
}