.wpb_wrapper:has(#mercuur-translate) {
    height: calc(100% + 20px);
    display: flex;
    flex-direction: column;
    margin-top: -20px;
    justify-content: end;
}

#mercuur-translate {
    display: flex;
    /* transform: translateY(28px); */
    /* height: 22px; */
    overflow: visible;
}

.mercuur-translate-lang {
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    padding: 6px 10px;
    /* margin-top: -28px; */
    /* z-index: 0; */
}

.mercuur-translate-lang.lang-selected {
    background-color: #1a2838;
}

.mercuur-translate-lang svg {
    width: 30px;
}

.hide-translate {
    position: absolute !important;
    left: -9999px !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    z-index: 0 !important;
}

.gt_selector {
    background-color: transparent;
    border-color: transparent;
    color: transparent;
}

#mercuur-translate-toggler {
    display: none;
}

@media screen and (max-width: 1199px) {
    .wpb_wrapper:has(#mercuur-translate) {
        height: 100%;
        margin-top: 0;
        min-height: 50px;
        min-width: 50px;
        position: relative;
    }

    #mercuur-translate {
        position: absolute;
        left: 0;
        background-color: #213448;
        transition:left 0.3s cubic-bezier(0.23, 1, 0.32, 1),left 0.3s cubic-bezier(0.23, 1, 0.32, 1);
        border-top: #1a2838 1px solid;
    }

    #mercuur-translate.expand {
        position: absolute;
        left: -200px;
    }
        #mercuur-translate.expand #mercuur-translate-toggler{
            color:#ffffff75;
        }
    #mercuur-translate-toggler {
        display: flex;
        height: 42px;
        width: 50px;
        justify-content:center;
        align-items:center;
        background-color:#1a2838;
        border:none;
        font-size:24px;
        color:white;
        
    }
}