WC Blocks example theme CSS

wc-blocks-styling.scss

// Sets the colors of the Button component used in the Cart and Checkout blocks.
// https://github.com/woocommerce/woocommerce-gutenberg-products-block/blob/main/docs/theming/cart-and-checkout.md#button
.wc-block-components-button {
  background-color: $heading-color;
  color: $background-color;
}

// Sets the colors of the summary item quantity badge shown in the Cart sidebar.
// See https://github.com/woocommerce/woocommerce-gutenberg-products-block/blob/main/docs/theming/cart-and-checkout.md#item-quantity-badge
.wc-block-components-order-summary-item__quantity {
	background: $background-color;
	border-color: $text-color;
	box-shadow: 0 0 0 2px $background-color;
	color: $text-color;
}