Switching order of the Account Login Button and Link Button for my site's navigation

Site URL: https://kale-bagpipe-cp9z.squarespace.com/

Hey guys! My client would like their "manage subscription" to come before their "login" button to help with customers clicking on the wrong one. I'm not sure how to custom CSS this and would love some help! 

They specifically want it switched for mobile, but if it changes both mobile and desktop it wouldn't bother them.

Here's a photo of what we're looking at. Thanks!

20 hours ago, eloquencecreativeco said:

Site URL: https://kale-bagpipe-cp9z.squarespace.com/

Hey guys! My client would like their "manage subscription" to come before their "login" button to help with customers clicking on the wrong one. I'm not sure how to custom CSS this and would love some help! 

They specifically want it switched for mobile, but if it changes both mobile and desktop it wouldn't bother them.

Here's a photo of what we're looking at. Thanks!

Try this for your desktop

.header-actions--right  .user-accounts-link {
  order: 3;
}

.header-actions--right  .showOnDesktop {
  order: 2;
}