.ve-feedbacks-quote {
  --testimonial-width: auto;
  --testimonial-image-width: 140px;

  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-s);

  @media screen and (min-width: 992px) {
    --testimonial-width: 360px;
    flex-direction: row;
    gap: var(--space-m);
  }

  &.ve-feedbacks-quote--no-testimonial {
    .ve-feedbacks-quote__content {
      flex-basis: 100%;
      width: 100%;
    }
  }

  .ve-feedbacks-testimonial {
    flex-basis: var(--testimonial-width);
    justify-content: center;
    text-align: center;
    width: 70%;

    @media screen and (min-width: 992px) {
      width: auto;
      padding-left: 150px;
    }

    .ve-feedbacks-testimonial__image {
      max-width: var(--testimonial-image-width);
    }
  }

  .ve-feedbacks-quote__content {
    align-items: start;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    padding: var(--space-m);
    position: relative;
    width: 100%;

    @media screen and (min-width: 992px) {
      flex-basis: calc(100% - var(--testimonial-width));
      width: auto;
      padding-right: 150px;
    }

    & > p {
      position: relative;
      z-index: 1;
    }

    .ve-feedbacks-quote__icon {
      font-size: var(--fs-display-1);
      flex-shrink: 0;

      &:first-of-type {
        align-self: flex-start;
        position: absolute;
        top: calc(-1 * var(--space-xxl));

        @media (min-width: 768px) {
          top: calc(-1 * var(--space-l));
        }

        /* transform: translate(calc(-1 * var(--space-l)), var(--space-l)); */
      }
      &:last-of-type {
        align-self: flex-end;
        bottom: var(--space-l);
        position: absolute;
        /* transform: translate(
          calc(-1 * var(--space-3xl)),
          calc(-1 * var(--space-2xl))
        ); */
      }
    }
  }
}

.ve-feedbacks-quote-sm {
  --testimonial-width: 100%;
  --testimonial-image-width: 80px;

  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border: 1px solid var(--color-primary-3);
  padding: 50px 0;

  .ve-feedbacks-testimonial {
    flex-basis: var(--testimonial-width);
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;

    .ve-feedbacks-testimonial__image {
      max-width: var(--testimonial-image-width);
    }

    a {
      height: 33px;
    }
  }

  .ve-feedbacks-quote__content {
    align-items: start;
    display: flex;
    flex-basis: 200px;
    flex-direction: column;

    & > p {
      position: relative;
      z-index: 1;
      padding-top: 30px;
    }

    .ve-feedbacks-quote__icon {
      font-size: var(--fs-display-1);
      position: relative;
    }

    .icon-MV_ICONS_feed-decoration-left {
      position: absolute;
      top: 0;
      left: -300px;

      @media (max-width: 1250px) {
        left: -260px;
        font-size: var(--fs-4);
      }

      @media (max-width: 1100px) {
        left: -160px;
      }

      @media (max-width: 760px) {
        left: -230px;
        font-size: var(--fs-display-1);
      }

      @media (max-width: 500px) {
        left: -160px;
      }
    }

    .icon-MV_ICONS_feed-decoration-right {
      position: absolute;
      top: -90px;
      left: 150px;

      @media (max-width: 1250px) {
        left: 100px;
        font-size: var(--fs-4);
      }

      @media (max-width: 760px) {
        left: 150px;
        top: -60px;
        font-size: var(--fs-display-1);
      }

      @media (max-width: 500px) {
        left: 100px;
      }
    }
  }
}