.soso-member-nav-item {
  margin-left: 8px;
}

.soso-member-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
}

.soso-member-nav-btn--primary {
  background: #0073aa;
  border-color: #0073aa;
  color: #fff;
}

.soso-member-nav-btn--secondary {
  background: #fff;
  color: #111;
}

.soso-member-nav-btn:hover {
  filter: brightness(0.97);
}

/* Compatibility: soso-snippets Custom Mega Menu uses many `!important` rules */
.custom-mega-menu-wrapper .custom-menu-list > li.soso-member-nav-item {
  margin-left: 8px !important;
}

.custom-mega-menu-wrapper .custom-menu-list > li.soso-member-nav-item--login,
.custom-mega-menu-wrapper .custom-menu-list > li.soso-member-nav-item--dashboard {
  margin-left: auto !important;
}

.custom-mega-menu-wrapper
  .custom-menu-list
  > li.soso-member-nav-item
  > a.menu-link.soso-member-nav-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid #e5e7eb !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.custom-mega-menu-wrapper
  .custom-menu-list
  > li.soso-member-nav-item
  > a.menu-link.soso-member-nav-btn--primary {
  background: #0073aa !important;
  border-color: #0073aa !important;
  color: #fff !important;
}

.custom-mega-menu-wrapper
  .custom-menu-list
  > li.soso-member-nav-item
  > a.menu-link.soso-member-nav-btn--primary:hover {
  color: #fff !important;
}

.custom-mega-menu-wrapper
  .custom-menu-list
  > li.soso-member-nav-item
  > a.menu-link.soso-member-nav-btn--secondary {
  background: #fff !important;
  color: #111 !important;
}

.custom-mega-menu-wrapper
  .custom-menu-list
  > li.soso-member-nav-item
  > a.menu-link.soso-member-nav-btn--secondary:hover {
  color: #111 !important;
}

.custom-mega-menu-wrapper
  .custom-menu-list
  > li.soso-member-nav-item
  > a.menu-link.soso-member-nav-btn:hover {
  filter: brightness(0.97) !important;
}