VNT-B2B Last-orders

<div class="last-orders --column --w-12">
    <div class="last-orders-wrapper --flex --flex-column">
        <div class="last-orders__top ">
            <h1 class="last-orders__title">
                Vaše poslední objednávky
            </h1>
            <a href="#" class="last-orders__link --link-underline">
                Všechny objednávky
            </a>
        </div>

        <div class="last-orders__items --row">
            <div class="last-orders__item --column --w-12 --w-l-6 --w-x-4">
                <div class="last-orders__item-wrap --flex --flex-column">
                    <a href="#" class="last-orders__item-title-link --link-underline">
                        Objednávka 20210002
                    </a>

                    <div class="last-orders__item-products">
                        <a href="#" class="last-orders__item-product">
                            Chytrý Wi-Fi generátor elektrického ohradníku fencee energy Smart DUO EDW100
                        </a>
                        <a href="#" class="last-orders__item-product">
                            Chytrý Wi-Fi generátor elektrického ohradníku...
                        </a>
                    </div>

                    <a href="#" class="last-orders__more">
                        +3 další
                        <span class="last-orders__arrow arrow arrow--down" ></span>
                    </a>

                    <div class="last-orders__bottom">
                        <div class="last-orders__price">
                            za 1478 Kč
                        </div>
                        <a href="#" class="last-orders__button button button--brand">
                            Znovu objednat
                        </a>
                    </div>


                    <div class="last-orders__date">
                        1.1.2022
                    </div>
                </div>

            </div>
            <div class="last-orders__item --column --w-12 --w-l-6 --w-x-4">
                <div class="last-orders__item-wrap --flex --flex-column">
                    <a href="#" class="last-orders__item-title-link --link-underline">
                        Objednávka 20210002
                    </a>

                    <div class="last-orders__item-products">
                        <a href="#" class="last-orders__item-product">
                            Chytrý Wi-Fi generátor elektrického ohradníku fencee energy Smart DUO EDW100
                        </a>
                        <a href="#" class="last-orders__item-product">
                            Chytrý Wi-Fi generátor elektrického ohradníku...
                        </a>
                    </div>

                    <a href="#" class="last-orders__more">
                        +3 další
                        <span class=" last-orders__arrow arrow arrow--down" ></span>
                    </a>

                    <div class="last-orders__bottom">
                        <div class="last-orders__price">
                            za 1478 Kč
                        </div>
                        <a href="#" class="last-orders__button button button--brand">
                            Znovu objednat
                        </a>
                    </div>


                    <div class="last-orders__date">
                        1.1.2022
                    </div>
                </div>

            </div>
            <div class="last-orders__item --column --w-12 --w-l-6 --w-x-4">
                <div class="last-orders__item-wrap --flex --flex-column">
                    <a href="#" class="last-orders__item-title-link --link-underline">
                        Objednávka 20210002
                    </a>

                    <div class="last-orders__item-products">
                        <a href="#" class="last-orders__item-product">
                            Chytrý Wi-Fi generátor elektrického ohradníku fencee energy Smart DUO EDW100
                        </a>
                        <a href="#" class="last-orders__item-product">
                            Chytrý Wi-Fi generátor elektrického ohradníku...
                        </a>
                    </div>

                    <a href="#" class="last-orders__more">
                        +3 další
                        <span class="last-orders__arrow arrow arrow--down" ></span>
                    </a>

                    <div class="last-orders__bottom">
                        <div class="last-orders__price">
                            za 1478 Kč
                        </div>
                        <a href="#" class="last-orders__button button button--brand">
                            Znovu objednat
                        </a>
                    </div>


                    <div class="last-orders__date">
                        1.1.2022
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

.last-orders{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;

  @include media($large){
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

}

.last-orders__top{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.last-orders__items{
  row-gap: 1.6rem;
}

.last-orders__item-wrap{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  filter: drop-shadow(0 0 0.6rem rgba(129, 113, 180, 0.40));
  padding: 1.5rem 1rem 1rem 1.5rem;
  background: $color__bg-light;
  border: 0.1rem solid $color__border;
  border-radius: 0.4rem;
  position: relative;
}

.last-orders__date{
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.4rem 0.7rem;
  background: $color__bg;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid $color__border;
  margin-top: 0.8rem;
  margin-right: 0.8rem;
}

.last-orders__item-title-link{
  margin-bottom: 0.8rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.last-orders__bottom{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 1rem;
}

.last-orders__item-products{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}

.last-orders__item-product{
  font-size: 1.3rem;
  text-decoration: underline;
  color: $color__text;
}

.last-orders__price{
  font-size: 1.7rem;
  color: $color__text-dark;
}

.last-orders__more{
  display: flex;
  border-radius: 2.5rem;
  border: 0.1rem solid $color__secondary;
  padding: 0.4rem 2.6rem 0.4rem 0.9rem;
  align-items: center;
  position: relative;
  font-size: 1.3rem;
  transition: $ease;
  color: $color__secondary;
  margin-bottom: 0.5rem;

  &:hover, &:focus, &:active{
    border-color: $color__link-h;
    color: $color__link-h;
  }
}

.last-orders__more:hover .last-orders__arrow,
.last-orders__more:focus .last-orders__arrow,
.last-orders__more:active .last-orders__arrow{
  border-color: $color__link-h;
}