.icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.icon.call {
    background-image: url(/images/icons/call.svg);
}

.icon.location {
    background-image: url(/images/icons/geolocate-red.svg);
}
.icon.spain {
    background-image: url(/images/icons/spain.svg);
}
.icon.search {
    background-image: url(/images/icons/search.svg);
}


.btn:hover .icon.call {
    background-image: url(/images/icons/call-black.svg);
}

.icon.message {
    background-image: url(/images/icons/message.svg);
}

.icon.message-black,
.btn:hover .icon.message {
    background-image: url(/images/icons/message-black.svg);
}