Style button when :active different from :hover

Question

I want to make a button that displays a background color when hovering and a button color without a background color when the button is down. Here is my current code:

Answer 1

`button:hover{background-color: transparent;color: yellow;}

button:active {background: white;color: black;}`