I tried to create a button whose ::after gets scaled when clicked. I tried and tried but couldn't. I think this effect is possible via CSS only. So please help.
Please help me to create this button as of gif:

[![Click to see](https://i.stack.imgur.com/UgB5u.gif)](https://i.stack.imgur.com/UgB5u.gif)

Like:

```
#button::after:active{
   transform: scale(2);
}

```

or something like that!