Classes break BEM convention

[certainlyakey]

It is mentioned in the README that internal CSS classes follow the BEM convention. However, in one aspect the convention is broken - some classes contain an element inside of an element, such as a "read more" class or "OK" class:

const cssClassNames = {
      root: 'cookie-consent',
      hide: 'cookie-consent__hide',
      buttons: {
        shared: 'cookie-consent__buttons-button',
        read_more: 'cookie-consent__buttons__read-more',
        ok: 'cookie-consent__buttons__close',
      },
};

According to BEM this should not happen.