body:not(.block-editing) .nb-menu-mobile-bottom-links{
    display: none;
}

@media screen and (max-width: 576px) {
    body:not(.block-editing) .nb-menu-mobile-bottom-links{
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 10px;
        background: var(--nb-color-white);
        z-index: 999;
        box-shadow: 0px -4px 10px 0px #0000000D;
        display: flex;
        justify-content: space-around;
    }
    .nb-menu-mobile-bottom-links > .nb-link{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        font-size: 12px;
    }
    .nb-menu-mobile-bottom-links .nb-img{
        max-width: 20px;
    }
    .nb-menu-mobile-bottom-links > .nb-link:not(:first-child, :last-child) div:has(> .nb-img){
        position: absolute;
        top: 0;
        transform: translateY(-50%);
    }
    .nb-menu-mobile-bottom-links > .nb-link:not(:first-child, :last-child) .nb-img{
        padding: 5px;
        max-width: 30px;
        border-radius: 50%;
        background: var(--nb-border-color);
    }
    .nb-menu-mobile-bottom-links > .nb-link:not(:first-child, :last-child) div:has(> .nb-img):before{
        content: '';
        position: absolute;
        inset: -10px;
        background: var(--nb-color-white);
        box-shadow: 0px -4px 10px 0px #0000000D;
        border-radius: 50%;
        z-index: -1;
    }
    section.layout:has(.nb-menu-mobile-bottom-links){
        position: sticky;
        bottom: 0;
    }
}