.header__top {
  background: linear-gradient(to right,var(--accent-color)  0, var(--secondary-background-color) 100%) no-repeat;
}
.header-top {
  display: flex;
  justify-content: space-between;
}

.header-top__left {
  display: flex;
}

.header-top__right {
  display: flex;
}

.header-top__right> div {
  margin-left: 2rem;
}

@media (max-width: 1200px) {
  .header__top {
    display: none;
  }
}