@spaced-out/ui-design-system/lib/components/OptionButton/OptionButton.module.css

Sense UI components library

@value (
  borderRadiusNone
) from '../../styles/variables/_border.css';

@value (spaceXXSmall) from '../../styles/variables/_space.css';

@value (sizeFluid) from '../../styles/variables/_size.css';

.container {
  display: flex;
}

.isFluid {
  width: sizeFluid;
}

.leftButton {
  border-top-right-radius: borderRadiusNone;
  border-bottom-right-radius: borderRadiusNone;
  min-width: initial;
}

.rightButton {
  border-top-left-radius: borderRadiusNone;
  border-bottom-left-radius: borderRadiusNone;
  margin-left: calc(spaceXXSmall / 4);
}

.dropDownContainer {
  width: max-content;
}