[EuiBadgeGroup] Issue with CSS specificity and margins of badges

[elizabetdev]

When a gutter is added in EuiBadgeGroup like gutterSize="s" the margin inline should be overridden to 0 like:

This can be replicated here:

https://codesandbox.io/s/muddy-dust-juq2z7?file=/demo.tsx

But for some reason, in a few scenarios, the CSS's order of appearance makes the margin not overridden:

This can be replicated here:

https://codesandbox.io/s/intelligent-darwin-l1gk6s?file=/demo.js

To fix this we can improve the CSS to be more specific.