А у вас они снаружи?
Прямо так и написать.
Теги для белых блоков внутри тега для темного...
Но судя по вопросу, вам разумнее пойти на фриланс.
Хотя там тоже придется как-то переформулировать задание, чтобы было понятно что у вас есть и что должны делать эти "белые блоки".
Нужно разобраться с собственной логикой.
Вы задали для синей полосы фикс высоту. Но хотите чтобы она растягивалась.
Придется определиться: либо одно либо другое.
На js получить координаты попадания мышки в зону ссылки.
Спозиционировать туда круглый псевдоэлемент сжатый до 0.
При наведении "расправляете" этот псевдо.
Всё это видно через инструменты разработчика, можете посмотреть там самостоятельно подробнее.