/* Override global button style specifically for WooCommerce Add to Cart */
.woocommerce .single_add_to_cart_button {
    background-color: transparent !important;
    border: 2px solid #39ff14 !important;
    color: #39ff14 !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.1) !important;
}

.woocommerce .single_add_to_cart_button:hover {
    background-color: #39ff14 !important;
    color: #000000 !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4), 0 0 30px rgba(57, 255, 20, 0.2) !important;
}

/* Archive add to cart buttons */
.woocommerce ul.products li.product .button.add_to_cart_button {
    border-radius: 6px !important;
    border: 1px solid #39ff14 !important;
    color: #39ff14 !important;
    background-color: transparent !important;
    padding: 8px 16px !important;
    transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover {
    background-color: #39ff14 !important;
    color: #000000 !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.3) !important;
}