Wpml translation flags: is it possible to have these next to the menu toggle?

Oh goodness you are really going to dislike me, how do I switch around the menu toggle so that it is on the right and the flag on the left?
Ive tried changing it but just making a pigs ear out of it

Haha - no probs :)

Replace the CSS i provided here with:

@media (max-width: 768px) {
    .site-heasder .inside-header {
        justify-content: center;
    }
    .site-logo {
        flex-basis: 100%;
        text-align: center;
        order: -5;
    }
    .site-logo img {
        width: 200px !important;
    }
    nav.mobile-menu-control-wrapper {
        margin-right: unset;
    }
    .main-navigation + .main-navigation {
        order: 50;
    }
    .site-header .header-widget{
        flex-basis: auto !important;
        margin: unset !important;
        order: -1;
    }
}