Custom header/navigation - needs css

Site URL: https://www.ditbaderum.dk/

Hi guys,

Please look at the attached picture. Is this possible to do in Squarespace? Please help - been trying to find a solution for a day.

Have a nice weekend.

See the video. Also I've attached CSS code

.header-display-desktop .header-nav-list{
  width: 100% !important;
  .header-nav-item:last-child{
    margin-left: auto !important;
  }
}

Thanks a lot @Web_Solutions!

And what would the code look like, if I wanted to get the last nav link on the right side of the button instead of the left?

Thanks!

@Web_Solutions And also, if I want to center the header nav and not left align it right next to the logo... would this be possible?

Thanks a lot fo your help🙏

Button right is not possible. For center the nav, remove the previous code and add these new code 

.header-display-desktop .header-nav-list{
  width: 100% !important;
  .header-nav-item:first-child{
    margin-left: auto !important;
  }
  .header-nav-item:last-child{
    margin-left: auto !important;
  }
}

@Web_Solutions Okay, I see...

However, thanks a lot for your help - really appreciate it!