.compare-btn {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.compare-btn svg {
    display: none;
}
.product-options__item--compare {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}
.product-options__item--compare a {
    width: 20px !important;
    height: 20px !important;
    border: none !important;
    display: block !important;
    padding: 0;
    font-size: 0;
    position: relative;
    background-color: transparent;
}

.product-options__item--compare a svg {
    display: inline-block;
    position: absolute;
    top: 5px;
    fill: #878787;
}

.product-options__item--compare a:hover svg {
    fill: var(--main-color);
}