text: import { Dimensions, StyleSheet } from 'react-native';
  import { scale } from '../../utilities';
  
  export default StyleSheet.create({
    bottomContainer: {
      flex: 1,
      width: Dimensions.get('window').width * 0.875,
      flexDirection: 'row',
    },
    bottomSectionContainer: {
      flex: 1,
      marginTop: 'auto',
      marginBottom: 'auto',
    },
    bottomIcon: {
      width: scale(45),
      height: scale(45),
    },
    counterCount: {
      textAlign: 'center',
      color: '#eee',
      fontSize: scale(45),
    },
    counterLabel: {
      textAlign: 'center',
      color: '#bbb',
      fontSize: scale(20),
    },
    bestContainer: {
      marginTop: 10,
      flexDirection: 'row',
      justifyContent: 'center',
    },
    bestIcon: {
      width: scale(22),
      height: scale(22),
      marginRight: 5,
    },
    bestLabel: {
      color: '#bbb',
      fontSize: scale(22),
      marginTop: 2.5,
    },
  });
  