.c3-language-switch {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-weight: var(--e-global-typography-9bbc739-font-weight);
    font-size: var(--e-global-typography-9bbc739-font-size);
    color: #fff;
    line-height: var(--e-global-typography-9bbc739-line-height);
    letter-spacing: var(--e-global-typography-9bbc739-letter-spacing);
}

.c3-language-switch__label,
.c3-language-switch__select-label {
    padding: 5px;
}

.c3-language-switch__select {
    display: block;
    position: relative;
    font-weight: 700;
    color: var(--e-global-color-21cba5a);
    text-align: center;
    cursor: pointer;
}

.c3-language-switch__select-label {
    position: relative;
    z-index: 2;
    padding-right: 20px;
    border-radius: 2px 2px 0 0;
    background-color: transparent;
    transition: background-color 300ms 150ms, color 300ms 150ms;
    -webkit-transition: background-color 300ms 150ms, color 300ms 150ms;
}

.c3-language-switch__select:hover .c3-language-switch__select-label {
    background-color: #fff;
    color: var(--e-global-color-primary);
    transition: background-color 300ms 0ms, color 300ms 0ms;
    -webkit-transition: background-color 300ms 0ms, color 300ms 0ms;
}

.c3-language-switch__select-label:before {
    content: '\f078';
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
    transition: transform 300ms 150ms;
    -webkit-transition: transform 300ms 150ms;
}

.c3-language-switch__select:hover .c3-language-switch__select-label:before {
    transform: translate(0, -50%) rotate(180deg);
    -webkit-transform: translate(0, -50%) rotate(180deg);
    transition: transform 300ms 0ms;
    -webkit-transition: transform 300ms 0ms;
}

.c3-language-switch__options {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
    z-index: 1;
    border-radius: 0 0 2px 2px;
    background-color: var(--e-global-color-e81e418);
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: transform 300ms, visibility 0ms 300ms, opacity 300ms;
    -webkit-transition: transform 300ms, visibility 0ms 300ms, opacity 300ms;
}

.c3-language-switch__select:hover .c3-language-switch__options {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    transition: transform 300ms 150ms, visibility 0ms 150ms, opacity 300ms 150ms;
    -webkit-transition: transform 300ms 150ms, visibility 0ms 150ms, opacity 300ms 150ms;
}

.c3-language-switch__option-link {
    display: block;
    padding: 5px;
    transition: background-color 300ms, color 300ms;
    -webkit-transition: background-color 300ms, color 300ms;
}

.c3-language-switch__option-link:hover {
    background-color: var(--e-global-color-21cba5a);
    color: var(--e-global-color-primary);
}