.trending-categories-section {
    padding: 0px 0 70px 0;
    /* background: #e5e7e7; */
}

.trending-categories-section__floating-background {
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  height: 180px;
  transform: translateX(100%);
  z-index: 2;
}
.trending-categories-section__floating-background img {
  max-width: 100%;
  max-height: 100%;
}
.rtl .trending-categories-section__floating-background {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}
.trending-categories-section__item-card {
  position: relative;
  top: 0;
  transition: all 0.3s ease-out;
}
.trending-categories-section__item-card-mask {
  position: absolute;
  inset: 1px;
  bottom: -4px;
  border-radius: 15px;
  opacity: 0.8;
  background-color: var(--primary);
  transition: all 0.3s ease;
  z-index: 1;
}
.trending-categories-section__item-card:hover {
  top: 0px;
}
.trending-categories-section__item-card:hover .trending-categories-section__item-card-mask {
  top: 0px;
  bottom: -6px;
}