.auth-nav-item {
  align-items: center;
  display: flex !important;
  gap: 0.42rem;
}

.settings-nav-link,
.settings-square-link {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  display: inline-flex !important;
  flex: 0 0 auto;
  height: 30px;
  justify-content: center;
  padding: 0 !important;
  transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
  width: 30px;
}

.settings-nav-link:hover,
.settings-square-link:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.7);
  transform: translateY(-1px);
}

.settings-nav-link svg,
.settings-square-link svg {
  fill: currentColor;
  height: 17px;
  width: 17px;
}

.settings-nav-link[hidden],
.settings-square-link[hidden] {
  display: none !important;
}