.shopping-icon-wrapper {
  position: relative;
}

.shopping-icon-wrapper:hover .shopping-normal-icon {
  opacity: 0;
}

.shopping-icon-wrapper:hover .shopping-colorful-icon {
  display: block;
}

.shopping-icon .shopping-colorful-icon {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.buy-disabled {
  background-color: rgba(202, 202, 202, 1) !important;
  color: #fff !important;
  border-color: transparent !important;
  pointer-events: none;
}

.buy-disabled .icon-shop-car {
  display: none;
}

.buy-disabled .icon-shop-car-white {
  display: inline-block;
}

.buy-disabled span {
  color: #fff;
}