<Box d={display} gap={gap}>
          {buttonColors.map(color => (
            <Button key={`${color}-${size}`} {...args} color={color} variant='solid' size={size}>
              {capitalize(color)}
            </Button>