Styled-system: How to use css pseudo element ?

[vdesdoigts]

Hello, I can't figure out how to use css pseudo element, can you help me?

i.e :

  <Button
    {...props}
    mx='auto'
    border='1'
    borderColor='transparent'
    fontWeight='400'
    borderRadius='20rem'
    css={{
      '&::after': {
        content: "",
        position: 'absolute',
        top: 0,
        right: 0,
        bottom: 0,
        left: 0,
        zIndex: -10,
        backgroundColor: '#000',
        borderRadius: 'inherit',
        opacity: 0,
        transition: 'inherit',
      }
    }}
  />

[k-sav]

So is it not possible to use a css pseudo element?

[jxnblk]

Guessing this might’ve been related to the content property https://theme-ui.com/object-styles#pseudo-elements

[k-sav]

Oh lawd. Thankyou!