.icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: currentColor;
    transition: var(--trans);
}

.icon-call {
    mask-image: url(../img/svg/call.svg);
}

.icon-mail {
    mask-image: url(../img/svg/mail.svg);
}

.icon-location {
    mask-image: url(../img/svg/location.svg);
}

.icon-linkedin {
    mask-image: url(../img/svg/linkedin.svg);
}

.icon-facebook {
    mask-image: url(../img/svg/facebook.svg);
}

.icon-instagram {
    mask-image: url(../img/svg/instagram.svg);
}

.icon-youtube {
    mask-image: url(../img/svg/youtube.svg);
}

.icon-right-arrow{
    mask-image: url(../img/svg/right-arrow.svg);
}

.icon-catalogue{
    mask-image: url(../img/svg/catalogue.svg);
}