Customize border radius and padding styling on calcite button

IshaKaushik

Hi, I was wondering how one would be able to change the border radius and the padding of the button text inside a standard blue calcite button? 

this is what we are trying to use after creating a custom classname for the button. The border radius is not changing at all and I was wondering if this is something that simply cannot be changed?

 --calcite-button-padding-x-internal: 20px;

  --calcite-button-padding-y-internal: 8px;

 

 

 

 

KittyHurley

@IshaKaushik Button has a round attribute, which adds a rounded style to the Button:

<calcite-button round>Rounded button</calcite-button>

 At this time we do not support customized radius borders for consistency across the design system.