header {
  > nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.8rem 2.8rem 1.8rem 2.8rem;
    background-color: #f4f4f4;
    border-bottom: 4px solid #dbdbdb;

    > ul:first-child {
      display: flex;
      justify-content: flex-end;
      align-items: center;

      > li {
        list-style: none;

        > a {
          color: black;
          text-decoration: none;
          text-transform: uppercase;
          font-weight: 600;
          font-size: var(--fs-body);
          line-height: 24px;

          > img {
            width: 47.67px;
            height: 66px;
          }

          &:hover {
            color: #6f6f6f;
          }
        }
      }
    }

    > ul:last-child {
      display: flex;
      justify-content: flex-end;
      align-items: center;

      > li {
        list-style: none;

        > a {
          color: white;
          text-decoration: none;
          text-transform: uppercase;
          font-weight: 600;
          font-size: var(--fs-body);
          background-color: #d1a154;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          height: 44px;
          padding: 0 40px;

          > span {
            transform: translateY(2px);
            display: inline-block;
          }
        }
      }
    }
  }
}