.elementor-widget-dream_holiday_cta {
  height: 100%;
  width: 100%;
}

.dream-holiday-cta * {
  margin: 0;
}

.dream-holiday-cta {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: padding 0.8s ease;
  height: 100%;

  .card-bg-img,
  .card-overlay,
  .card-bg-img:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .card-bg-img {
    transition: transform 0.8s ease;

    &:after {
      transition: background 0.8s ease;
    }
  }

  .card-overlay {
    opacity: 0;
    transition: opacity 0.8s ease;
  }

  h3 {
    transition: color 0.8s ease;
  }

  .card-content {
    height: 100%;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: border-color 0.8s ease, padding 0.8s ease;
    width: 100%;
    z-index: 1;
    column-gap: 20px;
    row-gap: 20px;

    div {
      display: flex;
      flex-direction: column;
      row-gap: 20px;
      align-items: center;
    }

    a.card-button {
      display: inline-block;
    }
  }

  &:hover {
    .card-bg-img {
      transform: scale(1.1);

      &:after {
        background: transparent;
      }
    }

    .card-overlay {
      opacity: 1;
    }

    .cta-wrapper {
      overflow: visible;
    }
  }
}

.dream-holiday-cta.type-1,
.dream-holiday-cta.type-4 {
  .cta-wrapper {
    &>div {
      opacity: 0;
      height: 0;
      overflow: hidden;
      transition: transform 0.8s ease, margin 0.8s ease, height 0.8s ease, opacity 0.8s ease;
    }
  }

  &:hover {
    .cta-wrapper {
      &>div {
        overflow: visible;
        height: 48px;
        opacity: 1;
        transform: translateY(0px) !important;
        !im;
        !i;
        !;
      }
    }
  }
}

/* Type 2 */
.dream-holiday-cta.type-2,
.dream-holiday-cta.type-3 {
  .cta-wrapper {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.8s ease, opacity 0.8s ease, overflow 0.8s ease;
  }

  &:hover {
    .cta-wrapper {
      overflow: visible;
    }
  }
}

/* Type 3 */
.dream-holiday-cta.type-3 {
  .card-content {
    row-gap: 0;

    &>p,
    &>h3 {
      opacity: 1;
      overflow: visible;
      transition: opacity 0.8s ease, overflow 0.8s ease, height 0.8s ease;
    }

    &>p {
      margin-bottom: 20px;
    }

    .cta-wrapper {
      &>div a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      &>p {
        display: none;
      }

      span.type-3-icon.svg-icon {
        transition: transform 0.3s ease;

        &:hover {
          transform: scale(0.6);

          path {
            fill: #D3AA74;
          }
        }
      }
    }
  }

  &:hover {
    .card-content {

      &>p,
      &>h3 {
        height: 0;
        opacity: 0;
        overflow: hidden;
      }

      &>p {
        margin-bottom: 0px;
      }
    }

    .cta-wrapper {
      overflow: visible;
    }
  }
}

/*  static cards*/
.static {

  .dream-holiday-cta.type-1,
  .dream-holiday-cta.type-4 {
    .cta-wrapper {
      &>div {
        overflow: visible;
        height: 48px;
        opacity: 1;
        transform: translateY(0px) !important;
      }

    }
  }
}

/*  End static cards*/