text: 
  const style = {
    container: {
      display: 'flex',
      flexDirection: 'column'
    },
    button: {
      selected: {
        backgroundColor: '#f56fba',
        border: 'none',
        padding: '3px 32px',
        margin: '8px 2px',
        borderRadius: '8px',
        cursor: 'pointer',
        boxShadow: '0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)'
      },
      backgroundColor: '#D9D9D9',
      border: 'none',
      padding: '1px 32px',
      margin: '8px 2px',
      borderRadius: '8px',
      cursor: 'pointer',
      hoverBackgroundColor: 'white'
    },
    title: {
      color: 'white'
    },
    removeButton: {
      backgroundColor: '#f24bae',
      border: 'none',
      padding: '1px 32px',
      margin: '18px 2px',
      cursor: 'pointer',
      borderRadius: '8px'
    },
    logo: {
      alignSelf: 'flex-end',
      margin: '20px 2px'
    }
  };
  
  export default style;