/* language__button */
.language-selector__button {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: 6 / 6 / 7 / 7;
}

.language-selector__button div {
    position: absolute;
    display: flex;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

/* Languages */
.flag-container, #languages-portrait__container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: end;
    grid-area: 6 / 5 / 7 / 6;
}

.languages-selection {
    display: none;
    flex-direction: row;
    opacity: 0;
}

.language__button {
    position: relative;
    display: flex;
    width: 3vw;
    margin: 0.5vw;
    padding: 0vw;

    justify-content: center;

    border: 1px solid transparent;
    background-color: transparent;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    /* Text */
    font-family: var(--noticia-font);
    color: var(--text-color-text);
    text-align: center;
    font-size: var(--font-32-size);
    white-space: nowrap;
}

.language__button img {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
    transition: all 0.25s ease-in-out;
}

.language__button:hover {
    background-color: var(--hover-selection);
    border: 1px solid #F8C191;
}

/* [#fr-flag] */
.language__button {
    position: relative;
    z-index: 1;
}

/* German */
.language__button:nth-of-type(1) img {
    background: url(/images/lang/flag-de.webp);
}

/* Englsih */
.language__button:nth-of-type(2) img {
    background: url(/images/lang/flag-en.webp);
}

/* Spanish */
.language__button:nth-of-type(3) img {
    background: url(/images/lang/flag-sp.webp);
}

/* Fix Phone BlueTap */
.language__button,
.language-selector__button {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: var(--webtap-color);
}