.fp-language{
    position:absolute;
    top:28px;
    right:28px;
    z-index:50;
}

.fp-language-btn{
    width:58px;
    height:38px;

    border:0;
    outline:0;
    cursor:pointer;

    border-radius:999px;

    background:#454545;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    transition:.25s;
}

.fp-language-btn:hover{
    background:#333;
}

.fp-language-btn svg{
    width:20px;
    height:20px;
}

.fp-language-arrow{
    width:0;
    height:0;

    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:6px solid #fff;
}

.fp-language-menu{

    position:absolute;
    top:48px;
    right:0;

    width:124px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 14px 35px rgba(0,0,0,.14);

    padding:8px;

    opacity:0;
    visibility:hidden;
    transform:translateY(8px);

    transition:.25s;
}

.fp-language.open .fp-language-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.fp-language-item{

    display:flex;
    align-items:center;
    gap:10px;

    padding:10px;

    border-radius:12px;

    text-decoration:none;

    color:#444;
    font-weight:600;

    transition:.2s;
}

.fp-language-item:hover{
    background:#fff5f4;
}

.fp-language-item.active{
    background:#fff2f1;
}

.fp-language-item img{

    width:24px;
    height:24px;

    border-radius:50%;
    border:1px solid #e5e5e5;

    object-fit:cover;
    flex-shrink:0;
}

@media(max-width:768px){

    .fp-language{
        top:18px;
        right:18px;
    }

}