.wrapper {
    position: relative;
    display: flex;
    align-items: center;
    align-items: center;
    margin-right: 0.5rem;
}

.worldIco {
    width: 25px;
    height: 25px;
    fill: #fff;
    margin-right: 0.5rem;
    transition: transform 0.4s ease-in-out;
    transform: rotateY(0deg);
}

.wrapper.open .worldIco {
    transform: rotateY(180deg);
}

.wrapper.close .listDropdown {
    animation: growUp 200ms ease forwards;
}

.wrapper.open .listDropdown {
    animation: growDown 300ms ease-in-out forwards;
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes growUp {
    0% {
        transform: scaleY(1);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(0);
    }
}