CSS for Add to Cart Widget

/*----------------------------------------------
 * Add To Cart
 * ---------------------------------------------*/
 .abcbiz-wc-qty-button-holder {
   display: flex;
   gap: 10px;
 }

@keyframes abcbizSpin {
   100% {
       transform: rotate(360deg)
   }
}
.abcbiz-wc-qty-button-holder button.abcbiz_cart_loading:after {
   font-family: WooCommerce;
   content: "\e01c";
   vertical-align: top;
   font-weight: 400;
   position: absolute;
   top: 0.818em;
   right: 1em;
   animation: abcbizSpin 2s linear infinite;
}
.abcbiz-wc-qty-button-holder button.abcbiz_cart_loading {
   padding-right: 2.618em !important;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
}
#acbbiz-add-to-cart-message .error-message {
   background-color: red;
   color: #fff;
   padding: 10px;
   border-radius: 5px;
   text-align: center;
}
#acbbiz-add-to-cart-message .success-message {
   color: green;
   background-color: #ccffcc;
   padding: 10px;
   border-radius: 5px;
   text-align: center;
}
.woocommerce .abcbiz-wc-qty-button-holder .quantity input {
   width: 90px;
}