Custom CSS only on a specific product page (Woocommerce)

Dear Variation Switches Team,

First of all thank you for this amazing plugin.

I love variation switches and it works perfect.

Question I need help with:

Could you please provide me with a custom css code which helps to adjust the variation swatches buttons just on a specific product page within Woocommerce.

I have tryed it with the following css code (see below) however it did not work. I put the page ID (Woocommerce) infront of the code.

I only want to align the buttons on a specific product page within Woocommerce.

.postid-11508 .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):last-of-type {
margin-right: 0;
}

Thanks a lot in advance for your help.

Kind regards

Markus

____________________________________________________________________

ADDITIONAL AND SPECIFIC INFORMATION TO THIS CASE:

Please have a look at the following links:

https://test.puapill.com/product/214/

I need a custom CSS code which moves the button of the size (S) in the middle however only on this product page of Woocommerce (214)

In addition to that I need a custom CSS code which moves the button of the size (S) to the very right only on this product page of Woocommerce (yellow-slim-coat).

https://test.puapill.com/product/yellow-slim-coat/

Could you provide me with the right custom css codes that makes the button move to the different spots where I would like them to have?

Thanks a lot in advance.

With kind regards

Markus`

The page I need help with: [log in to see the link]