/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./blocks/callout/assets/sass/callout.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.callout__panel {
  padding: 48px 24px;
  border-radius: 32px;
  text-align: center;
}
@media all and (min-width: 768px) {
  .callout__panel {
    padding: 80px 60px;
  }
}
@media all and (min-width: 1024px) {
  .callout__panel {
    padding: 96px 80px;
  }
}
.callout__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 47.5rem;
  margin-left: auto;
  margin-right: auto;
}
.callout__content .btn {
  background-color: #FFF;
  border-color: #FFF;
  color: #19284C;
  fill: #19284C;
}
.callout__content .btn:not(.btn--disabled):hover {
  background-color: #D9A5FF;
  border-color: #D9A5FF;
  color: #19284C;
  fill: #19284C;
}
.callout__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 50px;
}
.callout__icon {
  margin-bottom: 28px;
}
@media all and (min-width: 768px) {
  .callout__icon {
    margin-bottom: 36px;
  }
}
.callout__icon img {
  display: block;
  width: 146px;
  height: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.callout__text {
  max-width: 45rem;
}
.callout__text :last-child {
  margin-bottom: 0;
}

.block--background-color-white .callout__panel.background-color-white {
  padding-top: 0;
  padding-bottom: 0;
}

/**
 * Overlaps block if previous block has same background colour
 */
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-black,
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-black,
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-black {
  margin-top: -60px;
}

.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-white,
.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-white,
.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-white {
  margin-top: -60px;
}

.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-neutral,
.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-neutral,
.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-neutral {
  margin-top: -60px;
}

.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-light-blue,
.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-light-blue,
.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-light-blue {
  margin-top: -60px;
}

.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-navy,
.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-navy,
.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-navy {
  margin-top: -60px;
}

.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-violet,
.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-violet,
.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-violet {
  margin-top: -60px;
}

.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-blue,
.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-blue,
.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-blue {
  margin-top: -60px;
}

.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-green,
.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-green,
.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-green {
  margin-top: -60px;
}

.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-pink,
.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-pink,
.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-pink {
  margin-top: -60px;
}

.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-yellow,
.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-yellow,
.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-yellow {
  margin-top: -60px;
}

.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-mauve,
.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-mauve,
.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-mauve {
  margin-top: -60px;
}

.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-true-white,
.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-true-white,
.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-true-white {
  margin-top: -60px;
}

@media all and (min-width: 768px) {
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-black {
    margin-top: -90px;
  }
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-white {
    margin-top: -90px;
  }
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-neutral {
    margin-top: -90px;
  }
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-light-blue {
    margin-top: -90px;
  }
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-navy {
    margin-top: -90px;
  }
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-violet {
    margin-top: -90px;
  }
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-blue {
    margin-top: -90px;
  }
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-green {
    margin-top: -90px;
  }
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-pink {
    margin-top: -90px;
  }
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-yellow {
    margin-top: -90px;
  }
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-mauve {
    margin-top: -90px;
  }
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-true-white {
    margin-top: -90px;
  }
}
@media all and (min-width: 1024px) {
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-black {
    margin-top: -120px;
  }
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-white {
    margin-top: -120px;
  }
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-neutral {
    margin-top: -120px;
  }
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-light-blue {
    margin-top: -120px;
  }
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-navy {
    margin-top: -120px;
  }
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-violet {
    margin-top: -120px;
  }
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-blue {
    margin-top: -120px;
  }
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-green {
    margin-top: -120px;
  }
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-pink {
    margin-top: -120px;
  }
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-yellow {
    margin-top: -120px;
  }
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-mauve {
    margin-top: -120px;
  }
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .callout.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .callout.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .callout.block--background-color-true-white {
    margin-top: -120px;
  }
}

/*# sourceMappingURL=block-callout.9779e966f6344a76566d.css.map*/