Can anybody help me order and stack the header actions components? At about 1160px wide, when the main nav stacks on the left, I want the header actions to stack on the right, but also change order: social media icons, button, language switcher. I'd also like the social media and language switcher to be centered above and below the button, but the button should remain aligned right...

https://sycamorecollab.org/

Here is a screen shot of how I want it to look:

Like this?

.header-display-desktop .header-title-nav-wrapper .header-nav-list {
    display: flex;
    flex-direction : column;
    align-items: baseline;
}

.header-display-desktop  .header-actions--right {
    flex-direction : column;
    width: auto;
}

.header-display-desktop .header-actions-action--social {
    order : -2;
}

.header-display-desktop .header-actions-action--cta {
    order : -1;
    margin-top : 5px;
    margin-bottom : 5px;
}

Nice! That is really close to perfect, except on the rest of my pages I do have the logo showing in the header and the alignment is off.

Thank you so much for your quick help!

Lovely. Perfect. Thank you @sorca_marian!