.block-editor-block-list__block.is-style-border,
.wp-block-navigation.is-style-border {
    .wp-block-navigation__container {
        row-gap: 0;
        width: 100%;
        .wp-block-navigation-link {
            border-block-end: 1px dashed
                var(--wp--preset--color--custom-cccccc-1);
            width: 100%;
            .wp-block-navigation-item__content {
                --icon-width: 9px;
                --icon-height: 10px;
                display: grid block;
                grid-template-columns: var(--icon-width) 1fr;
                align-items: center;
                width: 100%;
                padding-block: 0.5rem;
                color: var(--wp--preset--color--custom-3366-ff);
                &::before {
                    content: '';
                    display: block;
                    width: var(--icon-width);
                    height: var(--icon-height);
                    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgN0gyVjZIM1Y3Wk02IDdINVY2SDZWN1pNNCA2SDNWNEg0VjZaTTcgNkg2VjRIN1Y2Wk0zIDRIMlYzSDNWNFpNNiA0SDVWM0g2VjRaIiBmaWxsPSIjRDlEOUQ5Ii8+PC9zdmc+');
                    background-color: currentColor;
                }
                &:hover {
                    margin-inline: 4px 0;
                    color: var(--wp--preset--color--custom-2-a-74-ba);
                }
            }
        }
    }
}

.block-editor-block-list__block.is-style-hamburger,
.wp-block-navigation.is-style-hamburger {
    .wp-block-navigation__responsive-container-open {
        @media (max-width: 599px) {
            position: fixed;
            top: 0;
            right: 0;
            width: 64px;
            height: 64px;
            z-index: 5000;
            background-color: #000;
            display: grid;
            place-items: center;
            svg {
                display: none;
            }
            &::before {
                content: '';
                display: block;
                width: 24px;
                height: 24px;
                mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjZTNlM2UzIj48cGF0aCBkPSJNMTIwLTI0MHYtODBoNzIwdjgwSDEyMFptMC0yMDB2LTgwaDcyMHY4MEgxMjBabTAtMjAwdi04MGg3MjB2ODBIMTIwWiIvPjwvc3ZnPg==');
                background-color: #fff;
            }
        }
    }
    .wp-block-navigation__responsive-container.is-menu-open {
        @media (max-width: 599px) {
            background-color: #000;
            color: #fff;
        }
        .wp-block-navigation__responsive-container-close {
            background-color: #fff;
            color: #000;
            position: fixed;
            top: 0;
            right: 0;
            width: 64px;
            height: 64px;
            display: grid;
            place-items: center;
        }
        .wp-block-navigation__responsive-container-content {
            ul {
                gap: 0;
                width: 100%;
                border-block-start: 1px dashed #fff;
                li {
                    border-block-end: 1px dashed #fff;
                    width: 100%;
                    a {
                        display: block;
                        width: 100%;
                        padding-block: 0.5rem;
                    }
                }
            }
        }
    }
}