Any way to move the header button to another position except the far right?

Site URL: https://www.maslowproject.com/

Has anyone figured out a work-around to move the button in the header to another position besides the far right of the header? Usually, I'd like it there, but need to use a translation icon in the top right of the page which covers the button and I'm unable to move the button. Thanks for taking the time to answer about any solutions you have found for this. Best, Frank

Which position you want to move button? We can use CSS or jQuery to change

Hi Tuanphan - thank you so much for replying. Ideally, it would be good if we could move the donate button where it's indicated in the attachment. You have helped so many people here, thanks for responding. Best, Frank

On 5/18/2021 at 12:00 PM, Frank349 said:

Hi Tuanphan - thank you so much for replying. Ideally, it would be good if we could move the donate button where it's indicated in the attachment. You have helped so many people here, thanks for responding. Best, Frank

Add to Design > Custom CSS

/* donate button order */
.header-actions-action.header-actions-action--cta {
    order: 1;
}
.header-actions-action.header-actions-action--social {
    order: 2;
}