Is possible to define a variant for an overrided component?

[lucianomlima]

With the following styled Button:

const Button = styled('button', {
  // default styles
  variants: {},
}

So, in code we can use with the as prop like following:

() => (
  <Button as="a" href="#">
    Button as link
  </Button>
);

Is there any way to define a variant for an overrided Button with as prop?