При transition: 1s; нету плавного перехода. Сразу просто цвет меняет. И выдает ошибку Unknow property transition
нужно указывать, на что должен быть плавный переход. как вариант transition:all 1s;. но лучше выбирать что надо на бекграунд цвет или сайз блока. гпт я думаю тебе бы помог без проблем