.ap-language-switcher {
width: 200px;
max-width: 100%;
margin: 0;
flex: 0 0 auto;
}
.ap-language-switcher__control {
position: relative;
width: 100%;
}
.ap-language-switcher__control::after {
content: "";
position: absolute;
top: 50%;
right: 1rem;
width: 0.5rem;
height: 0.5rem;
border-right: 2px solid #0D1726;
border-bottom: 2px solid #0D1726;
pointer-events: none;
transform: translateY(-70%) rotate(45deg);
}
.ap-language-switcher__select {
display: block;
width: 100%;
min-height: 40px;
margin: 0;
padding: 0.65rem 2.75rem 0.65rem 1rem;
border: 1px solid #C7D6E9;
border-radius: 10px;
background: #FFFFFF;
color: #0D1726;
font: inherit;
font-size: 0.875rem;
line-height: 1.4;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
}
.ap-language-switcher__select:hover {
border-color: #8BB9F7;
}
.ap-language-switcher__select:focus {
border-color: #1769E8;
outline: 2px solid color-mix(in srgb, #1769E8 24%, transparent);
outline-offset: 2px;
}
@media (max-width: 781px) {
.ap-language-switcher {
width: 45%;
}
}