I’m trying to implement a design where there’s a space between an icon button and a horizontal menu. I prefer a pure CSS solution but vanilla JavaScript is acceptable.

Design reference:

What I Tried:

I combined this solution with left and right divs having top right and top left border-radius respectively. I was close but it didn’t work as expected.

How can I achieve this?