Falken_D

"button__primary--hover.html" лол, мэн, никто так файлы не называет. Это БЭМ-классификация разметки, во-первых.
Во-вторых, на html уже никто нормальные проекты не пишет.
Вот тебе хорошие ссылки.
бац https://habrahabr.ru/post/246349/
бац yeoman.io
бац https://github.com/larsonjj/generator-yeogurt (ну или просто npm i generator-yeogurt -g)

добавляй классы типа:

if (condition1) {
    block.addClass('fixed-1');
} elseif (condition2) {
    block.addClass('fixed-2');
} else {
    block.addClass('fixed-3');
}

а уже в css стилизуй их. и используй transition для плавности