.mobile-navbar {
  background: transparent;
  position: relative;
}

/* Extend gradient to navbar when dropdown is open */
.mobile-navbar.menu-open,
.mobile-navbar .navbar-collapse.show .mobile-nav-bg,
.mobile-navbar .navbar-collapse.collapsing .mobile-nav-bg {
  background: linear-gradient(135deg, rgba(71, 84, 103), rgba(102, 112, 133));
}
.mobile-navbar .navbar-collapse.show .mobile-nav-bg,
.mobile-navbar .navbar-collapse.collapsing .mobile-nav-bg {
  background: linear-gradient(135deg, rgba(71, 84, 103), rgba(102, 112, 133));
}
.mobile-navbar .navbar-collapse {
  background: transparent;
  min-width: 200px;
  right: 0;
  top: 70px;
  z-index: 9999;
}
.mobile-navbar .navbar-toggler {
  position: relative;
  z-index: 10000;
}
/* Hide Bootstrap's default toggler icon */
.mobile-navbar .navbar-toggler .navbar-toggler-icon {
  display: none !important;
}
.custom-toggler:focus {
  outline: none;
  box-shadow: none;
}

.nav-button-gradient {
  background: linear-gradient(90deg, rgba(71, 84, 103, 0.59) 0%, rgba(102, 112, 133, 0.59) 100%);
  border: 1px solid #d0d5dd;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.nav-button-gradient a {
  color: #98a2b3;
  font-weight: 600;
}

.nav-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #475467;
  border: 4px solid #344054;
}

.nav-circle:hover {
  transform: scale(0.8);
  background-color: #667085;
}