Custom Padding

The button has a default padding inline of 1.75ch and a default padding block of 0.75ch. You can change this value by using the --o_padding-inline and --o_padding-block custom properties.

description	custom property
Padding inline	--o_padding-inline
Padding block	--o_padding-block

buttonbuttonbutton

Narrow button site wide

.o-btn {
  --o_padding-inline: 1ch;
  --o_padding-block: 0.5ch;
}

Fat button modifier class

.o-btn-fat {
  --o_padding-inline: 5ch;
  --o_padding-block: 2ch;
}