.flashsale{
  font-size: 0.652vw;
  padding: 6em 0;
}
.flashsale__wrapper{
  display: flex;
  flex-direction: column;
  border-radius: 1.5em;
  overflow: hidden;
  box-shadow: 0 0.4em 0.4em rgb(14 55 54 / 15%);
  background: #cd1818;
  background: linear-gradient(90deg, #c40000, #ff4d4d);
  padding: 2em 2em 2.5em;    
}
.flashsale__header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flashsale__countdown{
  display: flex;
  align-items: center;
  font-size: 1.6em;
  color: rgb(var(--rgb-white));
  gap: 0.5em;
}
.flashsale__title{
  font-size: 4em;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.1em;
  text-shadow:
    0 0 0.5em #ffd700,
    0 0 1.5em #ff0000,
    0.2em 0.2em 0.6em rgba(0, 0, 0, 0.4);
}

.countdown__timer{
  display: flex;
  align-items: center;
  gap: .2em;
}
.countdown__item{
  color: rgb(var(--rgb-black));
  background-color: rgb(var(--rgb-white));
  padding: 0.4em 0.2em;
  border-radius: 0.5em;
  margin: 0 0.2em;
  font-weight: 600;
  min-width: 2.5em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.flashsale__content{
  padding: 1.8em 0;
  font-size: var(--10px);
}

.flashsale__footer{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2em;
}

.swiper-button-next.flashsale__next, .swiper-button-prev.flashsale__prev{
  position: relative;
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .2);
  font-size: var(--10px);
  margin: 0;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
    right: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}
.swiper-button-next.flashsale__next:after, .swiper-button-prev.flashsale__prev:after{
  font-size: 2em;
  color: rgb(var(--rgb-white));
}