/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./slicing/src/scss/wt-components/call-to-action-block.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.call-to-action-block {
  padding: 3.2rem 1.6rem;
}
@media only screen and (min-width: 992px) {
  .call-to-action-block {
    padding: 4.8rem 1.6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .call-to-action-block {
    padding: 7.2rem 1.6rem;
  }
}
.call-to-action-block__wrapper {
  max-width: 114rem;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .call-to-action-block__wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}
.call-to-action-block__text {
  border-bottom: 2px solid rgb(var(--white));
  color: rgb(var(--white));
  background-color: rgb(var(--primary-color));
}
@media only screen and (min-width: 992px) {
  .call-to-action-block__text {
    flex: 1;
    border-bottom: none;
    border-right: 2px solid rgb(var(--white));
  }
}
.call-to-action-block__text-wrapper {
  padding: 1.6rem;
}
@media only screen and (min-width: 992px) {
  .call-to-action-block__text-wrapper {
    padding: 4.8rem;
  }
}
.call-to-action-block__title {
  margin-bottom: 0.8rem;
  font-weight: 700;
  color: rgb(var(--white));
}
.call-to-action-block__button {
  padding: 0.8rem 1.6rem;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.9rem;
  border: 0.2rem solid rgb( var(--white) );
  border-radius: 0.2rem;
  color: rgb( var(--white) );
  background-color: transparent;
  transition-property: background, color, border;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.call-to-action-block__button:hover {
  text-decoration: none;
  border-color: rgba( var(--white) , 0.8);
  color: rgba( var(--white) , 0.8);
}
.call-to-action-block__media {
  border-top: 2px solid rgb(var(--white));
}
@media only screen and (min-width: 992px) {
  .call-to-action-block__media {
    flex: 2;
    border-top: 0;
    border-left: 2px solid rgb(var(--white));
  }
}
.call-to-action-block__media-mask {
  position: relative;
  width: 100%;
  padding-top: 35%;
  display: block;
  overflow: hidden;
  height: 100%;
}
.call-to-action-block__media-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.call-to-action-block img {
  max-width: 100%;
}