.docs-header {
  display: flex;
  padding: 0 var(--layout-padding-horisontal);
  border-bottom: 1px solid var(--color-line-gray);
  font-size: 15.8px;
  line-height: 50px;

  a {
    display: inline-block;
    text-decoration: none;
  }

  &__logo {
    font-weight: bold;
    color: inherit;
  }

  &__menu {
    display: flex;
    margin: 0 0 0 auto;

    li {
      list-style: none;
      margin-left: 20px;
    }

    a:not(.docs-header__button) {
      color: inherit;

      &:hover {
        color: var(--color-link-active);
      }
    }
  }

  &__button {
    @apply --button;
    @apply --button-primary;
    margin: auto 30px auto auto;
  }
}