.ues-wrap{
    display:flex;
    align-items:center;
    gap:var(--ues-gap);
    flex-wrap:wrap;
    margin-top:20px;
}

.ues-item{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--ues-color);
    font-size:var(--ues-font-size);
    font-weight:var(--ues-font-weight);
}

.ues-icon{
    width:var(--ues-icon-size);
    height:var(--ues-icon-size);
    display:flex;
    align-items:center;
    justify-content:center;
}

.ues-icon svg{
    width:100%;
    height:100%;
    stroke:currentColor;
}

.ues-like-btn{
    cursor:pointer;
    transition:.2s ease;
}

.ues-like-btn:hover{
    opacity:.8;
}

.ues-like-btn.active{
    color:var(--ues-active-color);
}

.ues-like-btn.active .ues-heart-outline{
    display:none !important;
}

.ues-like-btn.active .ues-heart-filled{
    display:flex !important;
}

@media(max-width:768px){

    .ues-wrap{
        gap:20px;
    }
}