.c-locale-switcher {
position: relative;
display: inline-flex;
align-items: center;
cursor: pointer;
}
.c-locale-switcher__current {
display: inline-flex;
align-items: center;
justify-content: center;
}
.c-locale-switcher__menu {
position: absolute;
top: 100%;
left: 0;
z-index: 50;
display: block;
margin: 0;
padding: 0.5rem 0 0;
list-style: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(4px);
transition:
opacity 0.2s ease,
visibility 0.2s ease,
transform 0.2s ease;
}
.c-locale-switcher:hover .c-locale-switcher__menu,
.c-locale-switcher:focus-within .c-locale-switcher__menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.c-locale-switcher__item + .c-locale-switcher__item {
margin-top: 0.25rem;
}
.c-locale-switcher__link {
display: block;
text-decoration: none;
}