section {
    --default-border: 0.0625rem solid var(--border-subtlest);
    --max-page-content-width-m: 50rem;
    --max-page-content-width-l: 75rem;
}

ul>li:before {
    display: none;
}

@media(min-width: 48em) {
    .gov-language-navigation {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-xs);
        padding: var(--spacing-s) var(--spacing-m);
        min-width: 80px;
        background-color: var(--background-page);
        position: absolute;
        background-color: var(--background-block-primary);
        border-bottom-left-radius: var(--corner-radius-m);
        border-bottom-right-radius: var(--corner-radius-m)
    }

    .gov-language-navigation li {
        margin-bottom: 0
    }

    .gov-language-navigation li a {
        display: flex;
        align-items: center;
        font-size: var(--font-size-body-s);
        line-height: 150%;
        font-weight: 400;
        min-height: var(--height-2xl);
        padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs);
        color: var(--text-secondary);
        text-decoration: none
    }

    .gov-language-navigation li a:hover {
        color: var(--text-primary);
        text-decoration: underline
    }

    .gov-language-navigation > li a {
        min-height: auto;
        display: flex;
        align-items: center;
        height: var(--height-component-l);
        padding: 0 var(--spacing-m-nudge);
        text-decoration: none;
        font-size: var(--font-size-body-m);
        line-height: 150%;
        font-weight: 400;
        font-weight: 500;
        color: var(--text-primary-color);
        white-space: nowrap;
        border-radius: var(--corner-radius-s)
    }

    .gov-language-navigation > li a:hover {
        background-color: var(--button-outlined-primary-hover);
        color: var(--text-primary-color);
        text-decoration: none
    }

    .gov-language-navigation > li a:active {
        background-color: var(--button-outlined-primary-active)
    }

    .gov-language-navigation gov-button, .gov-language-navigation .gov-button {
        width: 100%;
        max-width: 100%
    }

    .gov-language-navigation gov-button .element, .gov-language-navigation .gov-button .element {
        width: calc(100% + var(--spacing-m-nudge)*2);
        justify-content: space-between;
        font-weight: 500
    }

    .gov-language-navigation gov-button gov-icon, .gov-language-navigation gov-button .gov-icon, .gov-language-navigation .gov-button gov-icon, .gov-language-navigation .gov-button .gov-icon {
        display: none
    }
}