Как переместить кнопку в правую часть панели навигации? ⇐ Html

[Anonymous]

введите описание изображения здесь
Кнопку «Клиентская область» необходимо переместить в правую часть панели навигации, но когда я попробовал несколько вещей, мне не удалось сдвинуть ее с того места, где она находится сейчас.
Я пробовал кое-что, но это не сработало. Каков хороший способ решить эту проблему. Я не нашел решения, как заставить это работать.

Код: Выделить всё

/* Main website */

* {
background-color: #232323;
color: white;
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Kumbh Sans', sans-serif;
}

/* Navigation bar */

/* Navigation items */

.navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background: #000f14;
display: flex;
align-items: center;
}

.navbar li a {
display: block;
text-align: center;
padding: 12px 16px;
text-decoration: none;
background: #000f14;
}

.navbar img {
width: 50%;
height: 50%;
}

.navbar a {
background: #000f14;
}

/* Navigation  Client area Button */

.btn {
border: 2.5px solid #053F74;
background-color: #000f14;
color: white;
padding: 12px 16px;
font-size: 16px;
cursor: pointer;
border-radius: 15px;
text-decoration: none;
}

.btn:hover {
background: #053F74;
}

Код: Выделить всё

[list]
[*]
[url=/index.html]
[img]/images/AquaTech navbar logo.png[/img]
[/url]

[*][url=index.html]Home[/url]
[*][url=services.html]Services[/url]
[*][url=clients.html]Clients[/url]
[*][url=contact.html]Contact[/url]
[*][url=about.html]About us[/url]
[url=login.html]Client Area[/url]
[/list]

введите здесь описание изображения

Подробнее здесь: https://stackoverflow.com/questions/754 ... gation-bar