.nav {
  gap: 34px;
}

.nav-links {
  justify-content: flex-end;
  gap: 16px;
  font-size: 13px;
  font-weight: 650;
  white-space: nowrap;
}

.nav-links > a:not(.btn) {
  padding: 10px 0;
}

.nav-signin {
  flex: none;
  padding: 10px 15px;
  color: var(--ink);
  background: #fff;
  border: 1px solid #cfd6dc;
  white-space: nowrap;
}

.nav-signin:hover {
  background: #f7f8f9;
  border-color: #909ba4;
}

.nav-links .btn-primary {
  flex: none;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .nav-links {
    gap: 8px;
    white-space: normal;
  }

  .nav-links > a,
  .nav-links .btn {
    width: 100%;
  }

  .nav-signin {
    white-space: nowrap;
  }
}