.display-view{
    display: flex;
    align-items: center;
}
.display-view__tile{
    margin-left: 20px;
    display: inline-block;
    margin-right: 16px;
    width: 18px;
    height: 18px;
    background: url('./images/sprite.svg') 65.39792% 55.34351% no-repeat;
}
.display-view__list{
    width: 18px;
    height: 18px;
    background: url('./images/sprite.svg') 27.68166% 48.0916% no-repeat;
    cursor: pointer;
}
.display-view__tile--active{
    background: url('./images/sprite.svg') 59.16955% 55.34351% no-repeat;
} 
.display-view__list--active{
    background: url('./images/sprite.svg') 21.45329% 48.0916% no-repeat;
}

@media screen and (max-width: 767px){
    .display-view{
        display: none;
    }
}