.add_cart_btn.AddToBasket {
  position: relative;
  transition: top .2s ease, background-color .2s ease, opacity .2s ease;
  overflow: hidden;
  color: white;
  font-family: 'Font Awesome 5 Pro';
}
.add_cart_btn.AddToBasket.loading {
  background-color: #ffab13 !important;
  pointer-events: none;
  color: #FFF !important;
}
.add_cart_btn.AddToBasket.loading.done {
  background-color: #00dc25 !important;
}

.add_cart_btn.AddToBasket.loading i, .add_cart_btn.AddToBasket.loading.done i {
	visibility:hidden
}

.add_cart_btn.AddToBasket.loading::before {
  background-color: transparent !important;
  opacity: 0;
}
.add_cart_btn.AddToBasket::after {  
  z-index: 1;
  content: "";
  font-size: 14px;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  top: 100%;
  left: calc( 50% - 8px );
  transition: top .2s cubic-bezier(0.115, 0.795, 0.755, 1.355), background-color .2s ease;
}
.add_cart_btn.AddToBasket.loading::after {
  top: calc( 50% - 20px );
}
.add_cart_btn.AddToBasket.loading:not(.done)::after {
  content: "\f021";
  animation: fa-spin 2s infinite linear;
}
.add_cart_btn.AddToBasket.loading.done::after {
  content: "\f00c";
}