.list-grid-toggle-view {

    @media (max-width: 768px) {
        display: none;
    }

    cursor: pointer;
    .list-grid-toggle-btn

{
    display: inline-flex;
    box-sizing: border-box;
    border: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    width: 20px;
    height: 20px;
    padding: 4px;
    transition: background-image 0.3s ease;
}

&.grid {
    .list-grid-toggle-btn

{
    background-image: url('../../../assets/images/icon/view-grid.svg');
}

}

&.grid:hover {
    .list-grid-toggle-btn

{
    background-image: url('../../../assets/images/icon/view-grid-hover.svg');
}

}

&.list {
    .list-grid-toggle-btn

{
    background-image: url('../../../assets/images/icon/view-list.svg');
}

}

&.list:hover {
    .list-grid-toggle-btn

{
    background-image: url('../../../assets/images/icon/view-list-hover.svg');
}

}
}