.ids__header {
  font-size: 0.8em;
  display:flex;
  gap:.8em;
  justify-content:space-between;
  align-items:center;
  width:100%;
}

.ids__header button {
  height: 41px;
  border: 0;
  border-radius: 5px;
  font-size: 1em;
  padding: 0 1.5em;
}

.ids__navbar {
    display:flex;
    justify-content:space-between;
    gap:2.2em;
    align-items:center;

    a {
        color: ;
        text-decoration: none;

        @media (width < 767px) { 
            padding: 0.2em 0;
        }
    }
}
@media (max-width: 767px) {
    .ids__navbar {
        display:none
    }
}

.ids__navbar ul {
    display:flex;
    justify-content:space-between;
    gap:inherit;
    align-items:center;
    margin:0;
}

.ids__navbar ul li {
    
    padding: 0;
    margin-bottom: 0;
    
    &::before {
        content: '';
    }

    @media (width < 767px) { 
        font-size: 1em;
    }

}

.ids__navitem {
    display:flex;
    justify-content:space-between;
    gap:inherit;
    align-items:center;

}

a.button {
    display: inline-block;
    background: rgb(var(--ids__main-RGB), 0.2);
    color: rgb(var(--ids__main-RGB));
    padding: .6em 1.25em;
    text-decoration: none;
    border-radius: 5px;
}

a.button.pro {
    display: inline-block;
    background: rgb(var(--ids__white-RGB));
    font-size: .8em;
    color: rgb(var(--ids__main-RGB));
    padding: .6em 1.25em;
    text-decoration: none;
    border-radius: 5px;
}