Ejercicio de programación con TailwindCSS: Hover, focus y estado de Tailwind CSS

Crea una página HTML simple con CDN que contenga un botón y un campo de entrada de texto. Utiliza Tailwind CSS para aplicar las siguientes clases de estado:

1. Hover: Cambia el color de fondo del botón al pasar el cursor sobre él.
2. Focus: Cambia el borde del campo de entrada cuando se enfoca.
3. Active: Cambia el color de fondo del botón mientras se presiona.

Requisitos:

• El botón debe tener un color de fondo inicial y cambiar a otro color al pasar el cursor sobre él.
• El campo de entrada debe tener un borde inicial y cambiar a otro borde cuando se enfoca.
• El botón debe cambiar de color de fondo mientras se presiona.