.header {
  z-index: 1;
  position: fixed;
  width: 100%;
  color: var(--np-slate-800);
  background-color: hsla(0, 0%, 100%, 60%);
  backdrop-filter: blur(2rem);
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.header__items {
  display: flex;
  align-items: center;
  gap: 2rem;
  height: var(--np-header-height);
}

.header__outro {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  justify-content: flex-end;
  font-size: 0.875rem;
}