CSS Фигуры

Здравствуйте, мне нужно сделать геометрическую фигуру в css, сейчас поясню какую, жалко, что нельзя приложить картинку.
Смотрите, фигура состоит по сути из трёх элементов: прямоугольник с закруглёнными углами (широкой стороной вниз), из середины его нижней стороны исходит вертикальная линия и соединяется с другим таким же прямоугольником в середине его верхней стороны.

Надеюсь, что вы представили. Так вот вопрос, как мне это сделать? Я подозреваю использование псевдоэлементов, но в этой разработке честно говоря новичок и поэтому прошу помощи. Спасибо.