export const totalTokenBalanceStyle = {
  display: 'flex',
  flexDirection: 'row',
  justifyContent: 'space-between',
  paddingX: 'base.spacing.x3',
  paddingY: 'base.spacing.x2',
};

export const totalTokenBalanceValueStyle = {
  display: 'flex',
  direction: 'row',
  columnGap: 'base.spacing.x1',
  alignItems: 'center',
};

export const coinInfoButtonStyle = {
  height: 'base.icon.size.250',
  width: 'base.icon.size.250',
  minWidth: 'base.icon.size.250',
  fill: 'base.color.accent.4',
  cursor: 'pointer',
};