Чем псведокласс :fokus отличается от псевдокласса :hover Не могу понять, Чем :fokus отличается от :hover

Тем, что псевдокласса :fokus нет, есть :focus
https://webref.ru/css/hover Псевдокласс :hover Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата.
https://webref.ru/css/focus Псевдокласс :focus определяет стиль для элемента, получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор.
В справочник лень заглянуть?

Двумя словами - hover при наведении, а focus при нажатии
Иногда добавляют стили и нажатой кнопочки

focus подразумевает фокус ввода, hover - положение мыши над элементом. это совершенно разные состояния. так текстовое поле может обладать фокусом и принимать набираемые на клавиатуре символы, в то время когда указатель мыши может находиться где угодно, даже за пределами окна. и напротив, наведение указателя на элемент - то же текстовое поле - само по себе еще не передает этому элементу фокус, т. е. способность принимать ввод.

Псевдо класс :focus (а не :fokus) определяет набор стилей для элемента, на котором сфокусирован пользователь, т. е. когда кликнули по элементу и кнопку не отпустили. Псевдо класс :hover определяет набор стилей для элементов, на которые пользователь просто навёл курсор мыши и не кликал по элементу. На тач устройствах, т. е. смартфонах, планшетах, тач мониторах и т. д., :hover и :focus в принципе одно и тоже, т. к. в таких устройствах нету понятия "Навели мышь на элемент".