.dropDownMenu {
    .btn-dropDown {
        z-index: 2;
        padding: .5em .5em;

        span {
            text-wrap: nowrap;
        }

        

        &.active {
            .arrowSvg {
                transform: rotate(180deg);
            }
        }
    }

    .dropDownMenuList {
        min-width: 130px;
        top: calc(100% + 18px);
        background-color: var(--w);
        box-shadow: 0px 9px 1.25rem var(--shadowColor);
        transition: var(--t-s);
  
        transform: translateY(-50px) scale(.4);


       

        &.open
         {
            opacity: 1;
            
            transform: translateY(0) scale(1);
        }

        li {
            padding-block-start: 8px;

            &:last-child {
                padding-block-end: 8px;
            }

            a {
                text-wrap: nowrap;

                &:hover {
                    color: var(--hover-main);
                }
            }
        }

    }
}