.extra-collection-menu {
  padding-left: 0;
  &,
  ul {
    list-style: none;
    a {
      text-decoration: none;
      color: #000;
      line-height: 1;
    }
  }

  & > li > ul {
        padding-left: 10px;
  }

  svg {
    height: 0.8rem;
    cursor: pointer;
    fill {
      color: #000;
    }
  }

  .menu-link.bold > div > a,
  .menu-link.bold  > a {
    font-weight: 600;
  }

  .menu-link > ul  {
    display: none;
  }

  .menu-link > div {
    white-space: nowrap;
    a {
      white-space: normal;
    }
  }

  .menu-link.active {
    & > ul {
      display: block;
    }

    & > div > svg {
      transform: rotate(180deg);
    }
  }

  ul.active + span > svg {
      transform: rotate(180deg);
    }
  
}