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

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

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

.icon-phone {
    mask-image: url(../img/svg/phone.svg);
    background-color: #4C4C4C;
}

.icon-email {
    mask-image: url(../img/svg/email.svg);
    background-color: #4C4C4C;
}

.icon-location {
    mask-image: url(../img/svg/location.svg);
    background-color: #4C4C4C;
}

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

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

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

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