.lang-switcher {
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 9990;
display: inline-flex;
gap: 2px;
padding: 4px;
background: var(--color-white, #fff);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 999px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
font-family: var(--font-body, inherit);
}
.lang-switcher__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 30px;
padding: 0 10px;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
color: var(--color-text-light, #6b6560);
background: transparent;
border-radius: 999px;
transition: background-color 0.18s ease, color 0.18s ease;
}
.lang-switcher__btn:hover {
color: var(--color-text, #1a1917);
background: rgba(0, 0, 0, 0.04);
}
.lang-switcher__btn.is-current {
color: var(--color-white, #fff);
background: var(--color-primary, #a65d57);
}
.lang-switcher__btn.is-current:hover {
background: var(--color-primary-dark, #8b4e49);
}
@media (max-width: 600px) {
.lang-switcher {
top: 0.75rem;
right: 0.75rem;
bottom: auto;
padding: 3px;
z-index: 9999; }
.lang-switcher__btn {
min-width: 34px;
height: 28px;
padding: 0 8px;
font-size: 0.72rem;
}
}