.lang-btn {
    display: flex;
    margin: 0 0.1em;
    padding: 4px 8px;
    align-items: center;
    gap: 6px;
    border: solid 2px #ffffff;
    background-color: #760e26;
    color: #eaeaea;
    font-weight: 400;
    cursor: pointer;
    border-radius: 16px;
    transition: background-color 0.2s, transform 0.1s;
}

    .lang-btn:hover {
        color: #760e26;
        background-color: #eaeaea;
    }


.language-switcher {
    display: flex;
    align-items: center;
    gap: 6px;
}

@media (max-width: 768px) {
    .lang-btn span {
        display: inline-block;
        transform: translateX(-5px); 
    }
}

@media (max-width: 939px) and (min-width: 923px) {
    .lang-btn {
        display: flex;
        margin: 0 0.1em;
        padding: 4px 8px;
        align-items: center;
        gap: 6px;
        border: solid 2px white;
        background-color: #760e26;
        color: #eaeaea;
        font-weight: 400;
        cursor: pointer;
        border-radius: 16px;
        transition: background-color 0.2s, transform 0.1s;
    }

        .lang-btn:hover {
            color: #760e26;
            background-color: #eaeaea;
        }

    .language-switcher {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .lang-btn span {
        display: inline-block;
        transform: translateX(-5px);
    }
}