.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: #E0C8A9;
          }
        }
      }
    }
  }

  &: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*/