Бронирование столика

Под прайс-листом теперь есть форма бронирования столика. Подписи у неё оформлены, а поля невидимы — такими их оставил Preflight, — и кнопки пока ни на что не реагируют:

• У двух полей есть рамка, скруглённые углы и внутренний отступ, и они такие же широкие, как форма.
• Их плейсхолдеры, то есть примеры в пустых полях, светло-серого цвета из палитры, а не полупрозрачного цвета текста, который задаёт Preflight.
• Когда вы щёлкаете по полю, вокруг него появляется контур янтарного цвета кафе или любого другого, который вам нравится.
• Кнопки со свободным временем показывают руку, а их фон меняется при наведении указателя мыши. На 17:00 и 19:00 всё занято, поэтому у их кнопок есть атрибут disabled: они бледные, с прозрачностью не больше 60%, показывают перечёркнутый круг и не меняются при наведении указателя.
• Кнопка «Забронировать столик» тоже показывает руку, а при наведении указателя её фон плавно темнеет.

Проверки не умеют двигать указатель мыши и щёлкать по полю. Для таких состояний они смотрят в CSS, который Tailwind собирает из ваших классов, и ищут правило, которое меняет элемент в этом состоянии.