['social media', 'trivia', 'social media', 'day', 'expression']
Com puc crear una animació en CSS que faci que un botó canviï de color gradualment quan passi el ratolí per sobre?
```css
.button {
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.button:hover {
  background-color: red;
}
```