Styling just 1 control button

[AlbertoMCS]

Hi, I created a custom button and I would like to apply some CSS just on it. When clicking the element in the browser to find out its class, I realise that all the buttons have the same class leaflet-buttons-control-button. Is there a way to select/access one single button to apply some CSS? Here my button:

mymap.pm.Toolbar.copyDrawControl('Rectangle', {
                  name: 'RectangleCopy',
                  block: 'custom',
                  onClick: () => {
                  //Whatever here
                  }
                });

Many thanks.

[Falke-Design]

You can add a className:

mymap.pm.Toolbar.copyDrawControl('Rectangle', {
                  name: 'RectangleCopy',
                  block: 'custom',
                  className: 'myCustomCSSClass',
                  onClick: () => {
                  //Whatever here
                  }
                });

[AlbertoMCS]

Thanks Falke-Design, but that class just seems to be modifying the icon inside the button not the button itself. I would like to make the button bigger (just that specific button, not all of them). Look the screenshot below (I changed the colour to beige with the new class) Many thanks

[AlbertoMCS]

Hi, I do not need this capability anymore. Many thanks.