.compare-btn{
    display: inline-flex;
    align-items: center;
    padding: 5px 15px;
    border: 1px solid #000;
    border-radius: 25px;
    cursor: pointer;
    transition: 0.6s;
}
.compare-btn .icon{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background-image: url('../images/compare.svg');
}
.compare-btn.added{
    border-color: red;
}


.compare-link{
    display: inline-flex;
    align-items: center;
    position: relative;
}
.compare-link .icon{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background-image: url('../images/compare.svg');
}
.compare-link .count{
    margin: 0 5px 0 0;
}

.compare-btn.added {
    border-color: var(--color3);
    background: var(--color3);
    color: #fff;
}

.compare-btn i{
    transition: 0.6s;
}

.compare-btn.added i{
    filter: brightness(0)invert(1);
}