[WooCommerce default styles for block themes] The "Add to cart", "Pay for order", and "Place order" buttons do not follow the primary CTA color

[rodelgc]

Describe the bug

As part of Add WooCommerce default styles for block themes #33518, and as mentioned in pdnLyh-1uW-p2 (in the "Product variations enhancements" and "Cart & Checkout" sections), the CTA's should have a consistent primary color.

I encountered this issue when testing WooCommerce 6.9 RC1. Internal discussion here: pb22l9-1u6-p2#comment-1544, in the "Some CTA’s do not follow the default style for block themes" section.

To reproduce

Steps to reproduce the behavior:

1. Install WooCommerce 6.9 (currently in RC1)
2. Complete the setup wizard.
   • Use the sample products CSV when importing products.
   • Select COD as payment method
3. Install a block theme other than TT2. I used Blockbase, Archeo, Clove, Tove, and Wabi.
4. Go to the /shop page and remember how the "Add to cart" button looks like. That's the correct primary color for the "Add to cart" button.
5. Click on one of the simple products.
6. Notice that the color of the "Add to cart" button is different from the one in the /shop page.
7. Add the product to the cart and proceed to the checkout page.
8. In the checkout page, notice that the color of the "Place order" button is wrong. Its styling should be the same as the "Add to cart" button in the /shop page.
9. Login to WP Admin Dashboard.
10. Create an order with status "Pending payment" and that has any of the simple products from the store.
11. Click on the "Customer payment" link.
12. Notice that the styling of the "Pay for order" link is also wrong. It should be the same as the "Add to cart" button in the /shop page.

Expected behavior

The "Add to cart", "Pay for order", and "Place order" buttons should follow the primary CTA color as mentioned in pdnLyh-1uW-p2 (in the "Product variations enhancements" and "Cart & Checkout" sections).

Screenshots

This is how the CTA's should be styled, just like the "Add to cart" button in the /shop page

Notice how the "Add to cart" in the product pages are inconsistent with the one from the /shop page

The "Pay for order" and "Place order" buttons also do not follow the primary color for CTA's

Environment

WordPress (please complete the following information):

• Core version: 6.0.2
• WooCommerce version: 6.9 RC1