/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.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??ruleSet[1].rules[1].use[3]!./blocks/shared/button-cnt-img/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
@media (max-width: 767.98px) {
  .b--cta-cnt-img .l__container {
    padding-left: 0;
    padding-right: 0; } }

.b--cta-cnt-img .l__wrapper {
  background-color: #5AA7DC;
  color: #ffffff;
  position: relative;
  overflow: hidden; }
  @media (min-width: 768px) {
    .b--cta-cnt-img .l__wrapper::after {
      content: '';
      width: 60%;
      height: 93%;
      background-image: url(../assets/images/shapes/shape_3.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50% 50%;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0; } }

@media (max-width: 767.98px) {
  .b--cta-cnt-img .l__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

.b--cta-cnt-img .l__cnt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--spacers-sm-vw) var(--gutter-base);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 992px) {
    .b--cta-cnt-img .l__cnt {
      padding: var(--spacers-lg); } }

.b--cta-cnt-img .l__img {
  padding-right: var(--spacers-xs-vw);
  position: relative; }
  @media (max-width: 767.98px) {
    .b--cta-cnt-img .l__img::after {
      content: '';
      width: 60%;
      height: 93%;
      background-image: url(../assets/images/shapes/shape_1.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50% 50%;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0; } }