V23 - How to define my theme for vaadin-checkbox-group > vaadin-checkbox > [part="label"] in css?

I would like to define my own theme to add more space between check boxes in checkboxgroup by adding “padding-right: 40px;” to the “label” part of checkbox. Can anyone guide me how to create css file?

You’re using a horizontal checkbox group then, I presume?

Then it should be as easy as

  margin-right: 40px;

placed in styles.css or any global stylesheet.

Correct, I am using a horizonal checkbox.

Thank you, Rolf. This is how it works:

In styles.css,
vaadin-checkbox-group.horizontal-widespace > vaadin-checkbox { /* I named it as “horizontal-widespace” */
margin-right: 40px;

In the code,