Как изменить цвет кнопки при наведении?

Question

[Ivan Ivanovich]

Как сделать кнопку как на скриншотах?

Фон кнопки должен быть прозрачным, но при наведении полностью становиться белым.

Answer 1

[0xD34F]

.button {
  color: white;
  background: transparent;
  transition: all 0.4s;
}
.button:hover {
  color: black;
  background: white;
}

https://codepen.io/anon/pen/NVQjMX?editors=1100

Answer 2

[Владимир]

background-color: transparent; = отвечает за прозрачность.
при hover background-color: #fff = станет белым.