.container-promotion {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg-promotion.avif) center center / cover no-repeat;
}
.promo-item {
  background: var(--gradient);
  border-radius: 0.3rem;
  padding: 0.7rem;
}

.promotion-desc-inner {
  mask: var(--circle-mask);
  mask-repeat: no-repeat;
  mask-size: 51% 51%;
  -webkit-mask: var(--circle-mask);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 51% 51%;
  background-color: var(--main-color);
  color: white;
  padding: 1.6rem;
}