styles.css

/********** THIS SECTION INCLUDES FIXES FOR WOOCOMMERCE 8.4.0 **********/

/* Add Checkmark on ATC Button After Added */
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
    font-family: WooCommerce;
    content: "\e017";
    margin-left: 0.53em;
    vertical-align: bottom;
}

/* Add Loading Icon when clicking on ATC button */
.woocommerce a.button.loading:after {
    font-family:WooCommerce;
    content: " \e01c ";
    margin-left: 0.53em;
    vertical-align:bottom;
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite
}

/* WooCommerce Slide Up Notification in Product Builder */
.woocommerce-notices-wrapper .wc-block-components-notice-banner{
    align-items: center;
}

.woocommerce-notices-wrapper .wc-block-components-notice-banner > .wc-block-components-notice-banner__content {
    padding-right: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: var(--s-space);
}


.woocommerce-notices-wrapper .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--xs-space) var(--xs-space) !important;
    background: color(16) !important; /* Please change this to your preferred color */
    border: 1px solid color(16) !important; /* Please change this to your preferred color */
    color: white !important;
    float: unset;
    margin: unset;
    text-decoration: none;
    opacity: 1;
}

.woocommerce-notices-wrapper .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:hover{

    background: color(28) !important;
    border: 1px solid color(28) !important;

}

/* Remove new color styles */
.wc-block-components-notice-banner.is-success, .wc-block-components-notice-banner.is-error, .wc-block-components-notice-banner.is-info{
  background-color: white!important;
  box-shadow: 0 5px 15px #00000017;
  border-color: transparent!important;
  border-radius: 0px;
} 

/* Discount Code Box on Cart Page*/
.woocommerce-page .woocommerce-cart-form #coupon_code{
  font-size: var(--s-text)!important;
}
@media only screen and (max-width: 768px) {
  .woocommerce-page .woocommerce-cart-form #coupon_code
  {
    width: 50%;
    margin-right: var(--xs-space);
  }
}
/* Checkout Fields */
.woocommerce-page .input-text{
  font-size: var(--s-text)!important;
}
.woocommerce-page .select2-container .select2-search__field, .woocommerce-page .select2-container .select2-selection{
  font-size: var(--s-text)!important;
}


.added-to-cart--success svg {
  background-color: #4ab866;
  fill: #fff;
  border-radius: 50%;
  padding: 2px;
}

.price ins{
  text-decoration: none;
}

.woocommerce label[for="payment_method_woocommerce_payments"], .woocommerce label[for="payment_method_bacs"], .woocommerce label[for="payment_method_cod"]{
  display: unset;
}

/********** END OF 8.4.0 fixes **********/