.likes-counter {
    display: flex;
    background: #F0FAFA;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    height: 20px;
}

.likes-counter .likes-icon {
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.likes-counter:not(.exists) .likes-icon, .likes-counter:not(.mobile).exists:hover .likes-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13.25L7.63621 13.593C7.73068 13.6932 7.86229 13.75 8 13.75C8.13771 13.75 8.26932 13.6932 8.36379 13.593L8 13.25ZM2.14204 7.03701L1.77825 7.38002H1.77825L2.14204 7.03701ZM7.05276 1.82868L6.68896 2.17169V2.17169L7.05276 1.82868ZM8 2.83333L7.63621 3.17634C7.73068 3.27654 7.86229 3.33333 8 3.33333C8.13771 3.33333 8.26932 3.27654 8.36379 3.17634L8 2.83333ZM8.94724 1.82868L8.58345 1.48567V1.48567L8.94724 1.82868ZM8.36379 12.907L2.50584 6.69401L1.77825 7.38002L7.63621 13.593L8.36379 12.907ZM13.4942 6.69401L7.63621 12.907L8.36379 13.593L14.2218 7.38002L13.4942 6.69401ZM6.68896 2.17169L7.63621 3.17634L8.36379 2.49033L7.41655 1.48567L6.68896 2.17169ZM8.36379 3.17634L9.31104 2.17169L8.58345 1.48567L7.63621 2.49033L8.36379 3.17634ZM11.4026 0.25C10.3392 0.25 9.32584 0.698288 8.58345 1.48567L9.31104 2.17169C9.87105 1.57774 10.6241 1.25 11.4026 1.25V0.25ZM14.375 4.43285C14.375 5.28617 14.0551 6.09906 13.4942 6.69401L14.2218 7.38002C14.9632 6.59363 15.375 5.53303 15.375 4.43285H14.375ZM15.375 4.43285C15.375 2.15085 13.6238 0.25 11.4026 0.25V1.25C13.0169 1.25 14.375 2.64688 14.375 4.43285H15.375ZM4.5974 1.25C5.37592 1.25 6.12895 1.57774 6.68896 2.17169L7.41655 1.48567C6.67416 0.698289 5.66076 0.25 4.5974 0.25V1.25ZM1.625 4.43285C1.625 2.64688 2.9831 1.25 4.5974 1.25V0.25C2.37619 0.25 0.625 2.15085 0.625 4.43285H1.625ZM2.50584 6.69401C1.94489 6.09906 1.625 5.28617 1.625 4.43285H0.625C0.625 5.53303 1.03679 6.59363 1.77825 7.38002L2.50584 6.69401Z' fill='%23909090'/%3E%3C/svg%3E%0A");
}

.likes-counter.exists .likes-icon, .likes-counter:not(.mobile):not(.exists):hover .likes-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.82424 0.75C1.78121 0.75 0.125 2.48728 0.125 4.63032C0.125 5.65945 0.514739 6.64642 1.20848 7.37412L6.67591 13.1092C6.8549 13.2969 7.1451 13.2969 7.32409 13.1092L12.7915 7.37412C13.4853 6.64642 13.875 5.65945 13.875 4.63032C13.875 2.48728 12.2188 0.75 10.1758 0.75C9.19466 0.75 8.25375 1.15882 7.56 1.88652L7 2.47394L6.44 1.88652C5.74625 1.15882 4.80534 0.75 3.82424 0.75Z' fill='%231D9BEB'/%3E%3C/svg%3E%0A");
}

.likes-counter .likes-count {
    font-family: 'PT Sans';
    font-size: 14px;
    line-height: 160%;
    color: #909090;
    margin-left: 5px;
}