CSS | how to set css files when an element is getting clicked on?

If I have a <button> element, the styles of that element is different from the styles of it when it gets clicked.

how can I do the same thing but for an element like a <div> (change styles only when it's getting clicked on)?