<nav class="radikalwp-nv-bar"><b class="radikalwp-nv-logo">R<//b><div><a href="#" class="radikalwp-nv-on">خانه<//a><a href="#">محصولات<//a><a href="#">قیمت<//a><a href="#">تماس<//a><//div><button>ورود<//button><//nav>

.radikalwp-nv-bar {
  display: flex;
  align-items: center;
  gap: 26px;
  width: 420px;
  padding: 12px 18px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .06);
}
.radikalwp-nv-logo {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fff;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.radikalwp-nv-bar div { display: flex; gap: 18px; flex: 1; }
.radikalwp-nv-bar a {
  font-size: 13px;
  color: #64748b;
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  transition: all .22s ease;
}
.radikalwp-nv-bar a:hover { color: #0f172a; }
.radikalwp-nv-on { color: #4f46e5 !important; border-bottom-color: #4f46e5 !important; font-weight: 700; }
.radikalwp-nv-bar button {
  padding: 8px 20px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  color: #fff;
  background: #0f172a;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}