.cta-block {
  background: #e0f0f9;
  padding: 20px;
  margin: 40px 0;
  display: none;
}

#cta-coperture .cta-block,
#cta-pergole .cta-block,
#cta-promo .cta-block {
  display: block;
}

.cta-block.cta-block--image {
  margin-top: 60px;
}

.cta-block.cta-block--enclosures {
  background: rgba(45, 158, 214, 0.1) url("/assets/img/waves-texture-light-blue.svg") center center;
}

.cta-block.cta-block--pergola {
  background: #e4f0ed url("/assets/img/leaf-texture.svg") center center;
}

.cta-block--buttons {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 8px;
}

.cta-block--image .cta-block--title.title {
  margin-bottom: 8px;
}

.cta-block--image img {
  margin-top: -40px;
  height: calc(100% + 40px);
  object-fit: cover;
}

.cta-block.cta-block--pergola .button.button-full {
  background: #88b9aa;
  border-color: #88b9aa;
}

.cta-block.cta-block--pergola .button.button-full {
  background: #88b9aa;
  border-color: #88b9aa;
}

.cta-block.cta-block--pergola .button:before {
  background: #6fa794;
}

.cta-block.cta-block--pergola .button.is-white:hover {
  border-color: #6fa794;
}

@media screen and (min-width: 769px) {

  .cta-block.cta-block--no-image .cta-block--title.title {
    font-size: 38px;
  }


  .cta-block.cta-block--no-image {
    padding: 40px;
  }
}

@media screen and (max-width: 768px) {
  .cta-block > .columns {
    display: flex;
    flex-direction: column-reverse;
  }

  .cta-block--title.title {
    font-size: 1.5rem !important;
  }

}