.lang-switcher {
    position: relative;
    background-color: rgba(21, 21, 21, 0.5);
    border: 1px solid var(--e-global-color-2e185de);
    padding: 6px;
    line-height: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;

    >span,
    >a {
        color: #fff;
        text-transform: uppercase;

        font-family: var(--e-global-typography-5d956c9-font-family), Sans-serif;
        font-weight: var(--e-global-typography-5d956c9-font-weight);
        font-size: var(--e-global-typography-5d956c9-font-size);
        text-transform: var(--e-global-typography-5d956c9-text-transform);
        letter-spacing: var(--e-global-typography-5d956c9-letter-spacing);

        padding-left: 7px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        display: inline-block;
        text-align: center;

        transition: background-color .2s ease-in-out, color .2s ease-in-out;

        &.lang-switcher__current {
            background-color: rgba(255, 255, 255, .3);
        }

        &.lang-switcher__link {
            color: rgba(255, 255, 255, .5);

            &:hover,
            &:focus {
                color: #fff;
                background-color: rgba(255, 255, 255, .2);
            }
        }
    }

    &.lang-switcher--light {
        background-color: var(--e-global-color-75db37d);
        border-color: var(--e-global-color-48630f6);

        &>span,
        &>a {
            &.lang-switcher__link {
                color: rgba(21, 21, 21, .5);

                &:hover,
                &:focus {
                    color: rgba(21, 21, 21, .8);
                    background-color: rgba(255, 255, 255, .6);
                }
            }

            &.lang-switcher__current {
                background-color: rgba(255, 255, 255, .8);
                color: var(--e-global-color-text);
            }
        }
    }
}