export const transactionRejectedContainerStyles = {
  display: 'flex',
  flexDirection: 'column',
  alignItems: 'center',
  paddingY: '50px',
  paddingX: 'base.spacing.x4',
  height: '100%',
};

export const contentTextStyles = {
  color: 'base.color.text.body.secondary',
  fontFamily: 'base.font.family.heading.secondary',
  textAlign: 'center',
  marginTop: '15px',
};

export const actionButtonContainerStyles = {
  display: 'flex',
  flexDirection: 'column',
  justifyContent: 'flex-end',
  gap: '8px',
  height: '100%',
  width: '100%',
};

export const actionButtonStyles = {
  width: '100%',
  height: '64px',
};