Завдання

Використовуючи Tailwind CSS, створіть кнопку, яка відповідає наступним вимогам:

1. Кнопка повинна мати синій фон (наприклад, bg-blue-500);
2. При наведенні курсору фон змінюється на темніший відтінок синього (наприклад, bg-blue-700);
3. При фокусі кнопка повинна мати жовтий фон (наприклад, bg-yellow-500);
4. При натисканні (активному стані) фон змінюється на ще темніший відтінок синього (наприклад, bg-blue-900);
5. У вимкненому стані кнопка повинна мати прозорість 50% та курсор, який вказує на те, що вона неактивна.

• Використовуйте hover:bg-blue-700 для стану наведення;
• Використовуйте focus:bg-yellow-500 для стану фокусу;
• Використовуйте active:bg-blue-900 для активного стану;
• Використовуйте opacity-50 cursor-not-allowed для вимкненого стану.