#language-selection__button {
    border: 0;
    display: grid;
    cursor: pointer;

    padding: 0.75em 1em;
    background: var(--card-color);
    border: var(--border-width) solid color-mix(in srgb, var(--highlight-color-lvl-2) 50%, var(--card-color) 50%);
    border-radius: var(--button-border-radius);

    &:hover {
        border-color: var(--blue-color);
        & > #current__language {
            opacity: 0;
        }
        & > #other__language {
            opacity: 0.6;
        }
    }
}

#current__language, #other__language {
    grid-area: 1 / 1 / 1 / 1;
    opacity: 0.6;
}

#other__language {
    z-index: 1;
    opacity: 0;
}