/* Корзина справа сверху */
#widgets {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1100;
}

.basket-button {
  background: linear-gradient(135deg, #7e63c8, #a18eff);
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  box-shadow: 0 6px 20px rgba(126, 99, 200, 0.6);
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  font-weight: 700;
  font-size: 16px;
  min-width: 160px;
  position: relative; /* для позиционирования счетчика */
}

.basket-button:hover {
  background: linear-gradient(135deg, #a18eff, #c1bbff);
  box-shadow: 0 8px 28px rgba(161, 142, 255, 0.8);
}

/* Иконка корзины */
.basket-button i.fas.fa-shopping-basket {
  font-size: 24px;
  margin-right: 12px;
  flex-shrink: 0;
}

/* Сумма в корзине (итоговая стоимость) */
.basket-button .cart-cost {
  flex-grow: 1;
  text-align: center;
  font-size: 18px;
  color: white; /* белый цвет текста */
  font-weight: 700;
  user-select: none;
}

/* Добавим рубль после суммы через ::after, если хотите */
/*
.basket-button .cart-cost::after {
  content: " ₽";
}
*/

/* Стрелка справа */
.basket-button::after {
  content: "→";
  font-size: 18px;
  margin-left: 12px;
  font-weight: 900;
  transition: margin-left 0.3s ease;
}

.basket-button:hover::after {
  margin-left: 18px;
}

/* Счётчик товаров, если нужен (в левом верхнем углу кнопки) */
.cart-counter {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #fa5252;
  color: white;
  font-weight: 700;
  font-size: 14px;
  padding: 2px 7px;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(250, 82, 82, 0.7);
  user-select: none;
  z-index: 10;
}


/* Мобильная адаптация */
@media (max-width: 767px) {
  #widgets {
    top: 10px;
    right: 10px;
  }
  .basket-button {
    padding: 10px 20px;
    font-size: 14px;
    min-width: 140px;
  }
  .basket-button i.fas.fa-shopping-basket {
    font-size: 20px;
    margin-right: 8px;
  }
  .basket-button .cart-cost {
    font-size: 16px;
  }
}
<span class="badge badge-md rounded bg-elegant text-uppercase mr-2 mb-2 filter-button" data-filter=".привелегии" style="padding: 10px; cursor: pointer">
                <i class="fas fa-tag mr-2"></i>привелегии
            </span>