Ejercicios de práctica de CSS

Ejercicio 2

Crea un botón que cambie de color cuando el cursor pase sobre él usando la pseudoclase :hover.

Lo resolví del siguiente modo:

CSS:

            button {
                padding: 10px 20px;
                font-size: 16px;
                border: 2px solid #000;
                background-color: #007bff;
                color: white;
                cursor: pointer;
                transition: background-color 0.3s;
            }

            button:hover {
                background-color: #0056b3;
            }
            

HTML:

            <button>Haz clic aquí</button>