.menu-tree {
    ul.menu {
        font-size: .875rem;
        letter-spacing: .25px;
        line-height: 20px;
        padding-left: 20px;

        li.menu-item {
            list-style-type: circle;
            font-size: .875rem;
            letter-spacing: .25px;
            line-height: 20px;

            &::marker {
                content: " ";
            }

            a {
                cursor: pointer;
                color: var(--color-body);
                text-decoration: none;
                font-weight: 300;
                margin-bottom: 14px;
                display: flex;
                gap: 14px;

                &::before {
                    background-repeat: no-repeat;
                    background-size: contain;
                    content: " ";
                    display: inline-block;
                    height: 20px;
                    width: 20px;
                    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 7c-2.754 0-5 2.241-5 5s2.246 5 5 5 5-2.241 5-5-2.246-5-5-5Zm0 7.78A2.79 2.79 0 0 1 9.214 12 2.79 2.79 0 0 1 12 9.22 2.79 2.79 0 0 1 14.786 12 2.79 2.79 0 0 1 12 14.78Z' fill='%23C21B17' fill-rule='evenodd'/%3E%3C/svg%3E");
                }
            }

            &>button {
                display: none;
            }
        }

        .submenu {
            .submenu-item {
                a {
                    cursor: pointer;
                    color: var(--color-body);
                    text-decoration: none;
                    font-weight: 300;
                    margin-bottom: 14px;
                    display: flex;
                    gap: 14px;

                    &::before {
                        background-repeat: no-repeat;
                        background-size: contain;
                        content: " ";
                        display: inline-block;
                        height: 20px;
                        width: 20px;
                        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 7c-2.754 0-5 2.241-5 5s2.246 5 5 5 5-2.241 5-5-2.246-5-5-5Zm0 7.78A2.79 2.79 0 0 1 9.214 12 2.79 2.79 0 0 1 12 9.22 2.79 2.79 0 0 1 14.786 12 2.79 2.79 0 0 1 12 14.78Z' fill='%23C21B17' fill-rule='evenodd'/%3E%3C/svg%3E");
                    }
                }

                &::marker {
                    content: " ";
                }

                &>button {
                    display: none;
                }
            }

            &.submenu--lvl2 {
                padding: 0;
            }

            &.submenu--lvl3,
            &.submenu--lvl4 {
                .submenu-item {
                    &::marker {
                        content: " ";
                    }

                    a {
                        display: flex;
                        gap: 14px;

                        &::before {
                            background-repeat: no-repeat;
                            background-size: contain;
                            content: " ";
                            display: inline-block;
                            height: 20px;
                            width: 20px;
                            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23C21B17' fill-rule='evenodd' d='M17.02 13H6.98c-.539 0-.98-.45-.98-1s.441-1 .98-1h10.04c.539 0 .98.45.98 1s-.441 1-.98 1Z'/%3E%3C/svg%3E");
                        }
                    }

                }
            }
        }
    }
}