Use double colons for pseudo-elements

Use double colons (::) for pseudo-elements, like ::before, ::after.
Use single colon (:) for pseudo-class, :hover, :checked.

More at:
https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
https://developer.mozilla.org/en-US/docs/Web/CSS/::before