.sp-smart-post-list-svg-icon{
        fill: none !important;
    }

.sp-smart-post-smart-list-wrapper {  
    
    counter-increment: list-counter;
    position: relative;   
       
    .sp-smart-post-list-link {            
        color: inherit;
        text-decoration: none;
        font-weight: normal;
        outline: none;
        cursor: pointer;
        border-width: none;
        display: flex;
        align-items: center; 
        transition: all 0.3s ease;

        display: flex;             
        order: 0;      
        &.editor-selector-hover:hover {
            box-shadow: inset 0 0 0 1px #037fff;
        }

        .sp-smart-post-list-icon-container {
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;             
            
            .sp-smart-post-list-icon-svg {                                

                .sp-smart-post-list-icon,              
                .sp-smart-post-list-icon-img {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                &::before{
                    display: flex;
                    align-items: center;
                    justify-content: center; 
                }
            }
           
            .sp-smart-post-list-icon-img {
                overflow: hidden;
                display: flex;
                position: relative;
                img {
                    max-width: 100%;
                    display: block;
                }

                .sp-smart-post-list-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;  
                    height: 100%;
                    width: 100%;
                    mix-blend-mode: color;
                    opacity: 1;                      
                
                }
            }              
            }

             .sp-smart-post-list-text {   
                display: flex;
                flex-direction: column;
                order: 0;
                // padding-right: 8px;
                flex-grow: 1;

                .sp-smart-post-list-title-wrapper{
                    display: flex;
                    gap: 6px;

                    .sp-smart-post-list-title {
                         &.editor-selector-hover:hover{
                            box-shadow: inset 0 0 0 1px #037fff;
                        }
                    color: inherit;
                    font-family: Roboto;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 16px;
                    cursor: text;
                    margin: 0;
                }
                }               

                .sp-smart-post-list-description {
                     &.editor-selector-hover:hover{
                        box-shadow: inset 0 0 0 1px #037fff;
                    }
                    cursor: text;
                     margin: 0;
                }
            }
            .sp-smart-post-list-badge {                 
               
                display: inline-block;               
                 &.editor-selector-hover:hover{
                    box-shadow: inset 0 0 0 1px #037fff;
                }
            }
        }       
  
    }



.sp-smart-post-smart-list-front-end { 
    .sp-smart-post-smart-list-wrapper{
    .sp-smart-post-list-link  {
        .sp-smart-post-list-text  {
        .sp-smart-post-list-title-wrapper {
             .sp-smart-post-list-title {
                cursor: pointer;
            }
        }
        .sp-smart-post-list-description{
             cursor: pointer;
        }
            }
        }
    }
}

.sp-smart-post-smart-lists-wrapper {
    &.layout-one,
    &.layout-two {
        .sp-smart-post-list-link {
            background: transparent;
        }
    }
    &.layout-four,
    &.layout-five {
        .sp-smart-post-list-link {
            background: #F2F2F2;
        }
    }
}


 
 
    



