.list-category{
    list-style: none;
    padding: 0;
    text-align: center;
    font-size: 0;
}
.list-category .li img{transition:0.4s ease}
.list-category .li.active,.list-category .li:hover{
    background: #0291dc;
}
.list-category .li{
    border: 2px solid #0291dc;
    padding: 5px;
    margin: 0 2px;
    border-radius: 3px;
    transition: 0.4s ease;
}
.list-category .li a{
    font-size: 15px;
    transition: 0.4s ease;
}
.list-category .li a span{
    max-width: 140px;
    overflow: hidden;
    display: inline-block;
    font-weight: 500;
    padding-left: 5px;
}

.list-category .li.active a,.list-category .li:hover a{
    text-decoration: none;
    color: #fff;
}
.list-category .li.active a,.list-category .li:hover img{
    filter: brightness(0) invert(1);
}
@media(max-width:480px){
    .list-category .li a span{font-size:13px}
}