@value (colorBackgroundSecondary) from '../../styles/variables/_color.css';
@value (size42, size34, sizeFluid) from '../../styles/variables/_size.css';
@value (spaceXXSmall) from '../../styles/variables/_space.css';
@value (borderRadiusMedium) from '../../styles/variables/_border.css';

.buttonTabsWrapper {
  display: flex;
  gap: spaceXXSmall;
  background-color: colorBackgroundSecondary;
  align-items: center;
  padding-left: calc(spaceXXSmall / 2);
  padding-right: calc(spaceXXSmall / 2);
  width: fit-content;
  border-radius: borderRadiusMedium;
}

.buttonTabsWrapper.medium {
  height: size42;
}

.buttonTabsWrapper.small {
  height: size34;
}

.buttonTabsWrapper.isFluid {
  width: sizeFluid;
}