Один кружок поверх двух кнопок [закрыто] ⇐ CSS

[Гость]

Я пытаюсь воссоздать этот шаблон, прикрепленный ниже. По сути, рассмотрим два синих прямоугольника/кнопки, расположенных рядом друг с другом с зазором. Чуть выше и между ними находится красный кружок, который появляется на кнопках, но не появляется в белом пространстве между ними. Как мне это сделать с помощью HTML/CSS? Он также должен быть отзывчивым, поэтому, если решение включает два круга, они всегда должны отображаться как один.
[img]https:// i.stack.imgur.com/CHDRF.png[/img]
(фактический дизайн намного лучше, это лишь минимальный пример проблемы).


Источник: https://stackoverflow.com/questions/781 ... wo-buttons