.lang-toggle {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 15px;
}

.lang-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 6px;
    line-height: 0;
    opacity: 0.6;
    transition: opacity 0.2s, transform 0.2s;
    border-radius: 4px;
}

.lang-toggle-btn img,
.lang-toggle-btn .flag-icon {
    display: block;
    width: 28px;
    height: 19px;
    flex-shrink: 0;
    border-radius: 2px;
}

.lang-toggle-btn:hover {
    opacity: 0.9;
}

.lang-toggle-btn.active {
    opacity: 1;
    transform: scale(1.15);
}

.lang-toggle-btn.active img,
.lang-toggle-btn.active .flag-icon {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
    border-radius: 2px;
}