Два якоря и одна стрелка: позиционирование в CSS

Собираем интерактивную геометрию на чистом CSS: закрепляем один элемент сразу за двумя якорями, вычисляем расстояния и меняем форму стрелки при сближении. Отличный пример, как современные anchor positioning и функции min/inset позволяют делать сложные UI без JS.

https://frontendmasters.com/blog/two-circles-one-arrow-and-anchor-positioning/