.dropdown-container {
    display: flex;
    justify-content: flex-end;
    flex: 1;
}

.dropdown {
    position: relative;
    color: #fff;
    font-weight: 300;
    margin: 0;
    z-index: 10;
}
.dropdown button {
    padding: 0 1.875rem 0 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 150%;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
}
@media only screen and (min-width: 768px) {
    .dropdown button {
        padding: 0 2.25rem 0 0;
        font-size: 1.5rem;
    }
}
.dropdown button span {
    font-weight: 300;
}
.dropdown button svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 0.9375rem;
    height: 0.5rem;
    pointer-events: none;
}
@media only screen and (min-width: 768px) {
    .dropdown button svg {
        width: 1.4375rem;
        height: 0.75rem;
    }
}

.selected-language {
    font-size: 24px;
    font-weight: 300;
    @media only screen and (max-width: 768px) {
        font-size: 14px;
    }
}

.selectMenu {
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 1rem;
    background-color: #fff;
    color: #000;
    padding: 0.75rem 0;
    margin: 0.75rem 0 0 0;
    transition: 0.2s;
    opacity: 0;
    visibility: hidden;
    width: 8.75rem;
    [dir='rtl'] & {
        right: auto;
        left: 0;
    }

}
@media only screen and (min-width: 768px) {
    .selectMenu {
        width: 11.5rem;
    }
}
.selectMenu li {
    list-style: none;
}
.selectMenu a {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 0.875rem;
    padding: 0.25rem 1rem;
    color: black;
    text-decoration: none;
}
.selectMenu a:hover {
    opacity: 0.7;
}
@media only screen and (min-width: 768px) {
    .selectMenu a {
        font-size: 1.25rem;
        padding: 0.5rem 1.5rem;
    }
}
.dropdownOpened {
    opacity: 1;
    visibility: visible;
}
.dropdownOpened button svg {
    transform: translate(0, -50%) scale(1, -1);
}
.dropdownOpened .selectMenu {
    opacity: 1;
    visibility: visible;
}
.itemSelected {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5306 7.28055L9.53055 19.2806C9.4609 19.3503 9.37818 19.4056 9.28713 19.4433C9.19609 19.4811 9.09849 19.5005 8.99993 19.5005C8.90137 19.5005 8.80377 19.4811 8.71272 19.4433C8.62168 19.4056 8.53896 19.3503 8.4693 19.2806L3.2193 14.0306C3.07857 13.8898 2.99951 13.699 2.99951 13.4999C2.99951 13.3009 3.07857 13.11 3.2193 12.9693C3.36003 12.8286 3.55091 12.7495 3.74993 12.7495C3.94895 12.7495 4.13982 12.8286 4.28055 12.9693L8.99993 17.6896L20.4693 6.2193C20.61 6.07857 20.8009 5.99951 20.9999 5.99951C21.199 5.99951 21.3898 6.07857 21.5306 6.2193C21.6713 6.36003 21.7503 6.55091 21.7503 6.74993C21.7503 6.94895 21.6713 7.13982 21.5306 7.28055Z' fill='%2364003A'/%3E%3C/svg%3E%0A");
    background-size: 1rem;
    background-position: calc(100% - 1.5rem) 50%;
    background-repeat: no-repeat;
    @include tablet {
    }
}
@media only screen and (min-width: 768px) {
    .itemSelected {
        background-size: 1.5rem;
    }
}