Urgent Request: Align Variation label to left

I added following which is supposed to work (works in inspection) but does not work when I add it to css

.woocommerce div.product form.cart .variations td {
padding: 0px;
line-height: 1em;
text-align: left;
display: block;
}

Hi Kevin,

Here is a CSS you may try adding in Appearance > Customize > Additional CSS:

.single-product table.variations tr {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.single-product table.variations tr .label {
    padding: 0;
}

.single-product table.variations td.value {
    width: 100%;
    display: flex;
    padding-top: 0;
}

.single-product table.variations td.value select#size {
    flex-grow: 2;
    margin-right: 6px;
}

Hope this helps!

Oh wow...that worked perfectly.
Amazing.
Thank you.

You’re welcome Kevin!