:root {
    --primary-color: #f3f3fb;
    --secondary-color: #300c58;
    --mid-color: #441783;
    --text-color: #4e3469;
    --text-color-light: #ffffff;
    --background-light: #ffffff;
    --background-light-2: #451284;
    --background-dark: #6f00ff;
    --button-color: #00c39a;
    --button-hover-color: #006e67;
}

.language-header {
    background-color: var(--background-light-2);
    display: flex;
    gap: .25rem;
    align-items: center;
    text-decoration: none;
    justify-content: flex-end;
    /*padding: 10px;*/
}

    .language-header button {
        font-size: 1rem;
        border-radius: 20px;
        border: none;
        background: transparent;
        color: var(--button-color);
        cursor: pointer;
        transition: background 0.2s, color 0.2s, border 0.2s;
        /*padding: 0.5rem 1rem;*/
    }

        .language-header button:hover {
            background: linear-gradient(120deg, var(--button-hover-color) 10%, var(--button-color) 50%);
            background-size: 120% 110%;
            background-position: -10px -5px;
            color: var(--text-color-light);
        }