.quote-data-card .action-button {
  background-color: var(--primary-2);
  bottom: auto;
  right: var(--sm-2);
  font-size: 1.6rem;
  padding: var(--sm-3);
  color: var(--primary-1);
  position: absolute;
  top: var(--sm-3);
  transition: 0.3s all ease-in-out;
}
.quote-data-card .action-button:hover {
  scale: 1.2;
}
.quote-data-card__stat-box-wrapper {
  z-index: 1;
  position: relative;
  width: 100%;
}

.quote-data-card__stats-box.active .quote-data-card__hidden-content {
  max-height: 300px;
  transition: max-height .4s ease-in-out
}
.quote-data-card__hidden-content {
  max-height: 0;
  transition: max-height .4s ease-in-out
}

.quote-data-card__hidden-content {
  height: auto
}
.quote-data-card__hidden-content div {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.quote-data-card__stat-expand {
  right: 6px;
  bottom: var(--sm-4);
  transition: .4s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.quote-data-card__stat-expand:hover{
  background-color: var(--primary-1);
  color: var(--base-5);
}
.quote-data-card__quote-image-wrapper::before {
  content: url("/~/media/Images/I/inchcape/Corp/custom-components/3-up-promo-with-quote-and-data/3-up-promot-dots.svg");
  position: absolute;
  top: 10%;
  z-index: 0;
  left: 0
}
@media (min-width:992px) {
  .quote-data-card__quote-image {
    min-height: 68rem
  }
  .quote-data-card__shown-content {
    min-height: 21.2rem
  }
  .quote-data-card__stat-box-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    align-items: flex-end
  }

  .quote-data-card__thumb-image {
    aspect-ratio: 300/166;
  }
  .quote-data-card__quote-image-wrapper::before {
    content: url("/~/media/Images/I/inchcape/Corp/custom-components/3-up-promo-with-quote-and-data/3-up-promot-dots.svg");
    position: absolute;
    top: -22px;
    z-index: 0;
    left: 83px
  }
  .quote-data-card__cta-wrapper {
    margin-top: -2rem;
    padding: 0;
  }
}
@media (min-width:1200px) {
  .quote-data-card__quote-image {
    min-height: 65rem;
  }
}
@media (max-width:767px) {
  .quote-data-card__quote-image-wrapper::before{
    top: 4%;
  }
  .quote-data-card__desc {
  max-width: 24rem;
  }
 .quote-data-card__cta{
  width:100%
  }
}
@media (min-width:1200px) {
.quote-data-card .quote-data-card__stats-box .quote-data-card__desc{
width: 98%;
}
}

