How to align these two elements using flexbox?

Question

css

Please tell me how to align these two elements along the main axis, so that the logo remains in the center, and the hamburger icon goes to the right (look at the top rectangle). I'm typing on flexbox, the direction in this element is row, the width of the element is 100%, the horizontal alignment is centered (but I only need the logo in the center). Tried adding align -self: flex-end; to the hamburger; - does not obey, margins will not help either - they both scatter.
If anything,

<div class="logo_container">
        <img class="logo" src="images/blueasy_logo.png" alt="Logo"/>
         <span class="hamburger_menu">&#9776;</span>
</div>

.top_header .logo_container {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    margin-bottom: 20px;
}

Answer 1

better set the hamburger postion:absolute, well, position it normally

Answer 2

Not very smart, but quick solution: just add invisible blocks.

Answer 3

For a hamburger margin-left: auto;, no?