#mini-nav {
    height: 30px;
    margin-bottom: 25px;
    background: #f5f5f5;
}

    #mini-nav > div {
        line-height: 30px;
        direction: ltr;
    }

    #lang-switcher {
        cursor: default;
        height: 30px;
        padding: 0px 10px;
        border: 0px;
        background-color: transparent;
        float: left;
    }

#lang-switcher-list {
    overflow-y: unset;
    max-height: 90vh;
    cursor: pointer;
}

     #lang-switcher:hover {
        background-color: #ddd;
    }
li ul {
    position: absolute;
    top: 43px;
    margin-top: 0;
    padding: 5px 10px;
    /* left: -50%; */
    left: -9999px;
    width: 220px;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity, transform .5s;
}

    li ul::before {
        content: '';
        position: absolute;
        border: 10px solid transparent;
        border-bottom-color: #c42ff5;
        top: -15px;
        left: 50%;
        margin-left: -10px;
    }

    li ul li {
        display: block;
        background: linear-gradient(45deg, #8b19c3, #c42ff5);
    }

        li ul li:hover {
            opacity: .8;
        }

    li ul a {
        color: #fff;
        font-size: 18px;
    }

li:hover > ul {
    left: -50%;
    transform: translateY(0);
    opacity: 1;
}