.wpb_wrapper:has(#custom-translate){
	height:100%;
}
#custom-translate{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 30px;
}
#custom-translate-toggler{
	background-color:transparent;
	border:none;
}
#custom-translate-inner{
    padding: 10px;
    position: absolute;
    width: fit-content;
    top: 65px;
    left: 20px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    background-color: #001a24;
    border-radius: 10px;
}
.custom-translate-lang{    
	background: transparent;
    border: none;
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border-radius: 5px;
    margin: 2px;
    outline: 3px solid transparent;
    transition:0.1s ease-in outline-color;
}
.custom-translate-lang:hover,.custom-translate-lang:focus{
    outline-color: #e7e5d880;

}
.custom-translate-lang.current-lang{
    outline-color: #e7e5d8;
}
.custom-translate-lang svg{
width:30px;
	
}
#custom-translate-inner{
	opacity:0;
	z-index:-1;
	transform:translateY(10px);
	transition:opacity 0.15s ease-in, transform 0.3s ease-in;
}
#custom-translate:hover #custom-translate-inner, #custom-translate-inner:hover,#custom-translate:focus #custom-translate-inner,#custom-translate:focus-within #custom-translate-inner{
	opacity:1;
	z-index:1;
	transform:translateY(0);
}
.changing-lang{
    animation: pulse_opacity 1.2s linear infinite;
}
@keyframes pulse_opacity {
    0%{
        opacity: 0.8;
    }
    50%{
        opacity: 0.4;
    }
    100%{
        opacity: 0.8;
    }
}
#current_lang{
    margin-right: 8px;
}