Before and After pseudo classes used with styled-components

Question

What is the proper way to apply :before and :after pseudo classes to styled components?

I know that you can use

&:hover

Answer 1

Pseudo-selectors in styled-components work just like they do in CSS. (or rather, Sass) Whatever isn't working is likely a problem in your specific code, but that's hard to debug without seeing the actual code!

Here is an example of how to use a simple :after:

const UnicornAfter = styled.div`
  &:after {
    content: "