/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.wfps_ajax_add_to_cart.loading:after {
    animation:spin 2s linear infinite;
    content:"";
    display:block;
    font-family:WooCommerce;
    height:auto;
    margin-right:.5em;
    margin-left:0;
    width:auto
}

.wfps_ajax_add_to_cart.added:after {
    content:"";
    display:inline-block;
    font-family:WooCommerce;
    height:auto;
    margin-right:.5em;
    width:auto
}

body.woocommerce .wfps_ajax_add_to_cart {
    display: flex;
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    background: black;
    color: white;
    transition: .5s;
}

body.woocommerce .wfps_ajax_add_to_cart:hover {
    opacity: .7;
    transition: .5s;
}

body .wp-block-add-to-cart-form > form::before,
body .wp-block-add-to-cart-form > form::after {
    display: none !important;
}

body .wp-block-add-to-cart-form > form button {
    white-space: nowrap;
}

body .wp-block-add-to-cart-form > form > .woo-free-sample-button{
    grid-column: auto !important;
}

body .wp-block-woocommerce-add-to-cart-form form.cart {
    -ms-grid-columns: min-content min-content min-content;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: min-content min-content min-content;
}

body .woo-free-sample-button {
    font-family: inherit;
    font-size: 0.8em;
    font-weight: 400;
}