responsive variants

good day, is there a way we can have responsive variants like this?
``` Javascript
<Button
    color={{
      '@initial': 'gray',
      '@bp1': 'violet',
    }}
  >
    Button
  </Button>
```