.header-menu {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 0;
  list-style-type: none;
  height: 43px;

  > li {
    height: inherit;
    @media (hover: hover) {
      &:hover {
        background: var(--primary-red);
      }
    }

    > a {
      display: inline-flex;
      padding: 4px 8px;
      font-size: clamp(16px, 3vw, 20px);
      color: white;
      height: inherit;
      align-items: center;
      @media (hover: hover) {
        &:hover {
          color: white;
	        text-decoration: none;
        }
      }
    }
  }
}