i[data-icon] { --image: linear-gradient(transparent, transparent); display: inline-block; width: 2rem; height: 2rem; mask: var(--image) center / contain no-repeat; -webkit-mask: var(--image) center / contain no-repeat; background: black; }
i[data-bg] { --image: linear-gradient(transparent, transparent); display: inline-block; width: 2rem; height: 2rem; background: var(--image) center/contain no-repeat; }
i.round { width: 2.5rem; height: 2.5rem; border-radius: 50%; flex-grow: 0; mask: none; -webkit-mask:none; background: var(--color-blue); position: relative; }
i.round::after { content:''; display: inline-block; width: 60%; height: 60%; mask: var(--image) center / contain no-repeat; -webkit-mask: var(--image) center / contain no-repeat; background: white; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }


i[data-icon="header-whatsapp"] { --image: url(../img/icons/header-whatsapp.png)}
i[data-icon="company-info"] { --image: url(../img/icons/company-info.png)}
i[data-icon="company-bank-info"] { --image: url(../img/icons/company-bank-info.png)}

i[data-icon="arrow-right"] { --image: url(../img/icons/arrow-right.png); }
i[data-icon="arrow-left"] { --image: url(../img/icons/arrow-left.png); }
i[data-icon="arrow-up"] { --image: url(../img/icons/arrow-up.png); }
i[data-icon="arrow-down"] { --image: url(../img/icons/arrow-down.png); }

i[data-icon="arrow-right-round"] { --image: url(../img/icons/arrow-right-round.png); }

i[data-icon="burger"] { --image: url(../img/icons/burger.svg); }
i[data-icon="submit"] { --image: url(../img/icons/submit.png); }
i[data-icon="close"] { --image: url(../img/icons/close.svg); }
i[data-icon="search"] { --image: url(../img/icons/search.png); }

i[data-icon="zoom"] { --image: url(../img/icons/zoom.png); }
i[data-icon="more"] { --image: url(../img/icons/more.png); }
i[data-icon="more-dots"] { --image: url(../img/icons/more-dots.png); }
i[data-icon="phone"] { --image: url(../img/icons/phone.png)}
i[data-icon="map"] { --image: url(../img/icons/map.svg);}
i[data-icon="location"] { --image: url(../img/icons/location.png);}
i[data-icon="random"] { --image: url(../img/icons/random.png);}
i[data-icon="download"] { --image: url(../img/icons/download.png);}
i[data-icon="email"] { --image: url(../img/icons/email.png); }
i[data-icon="mail"] { --image: url(../img/icons/mail.png); }
i[data-icon="call"] { --image: url(../img/icons/call.png); }
i[data-icon="order"] { --image: url(../img/icons/order.png); }
i[data-icon="home"] { --image: url(../img/icons/home.png); }
i[data-icon="call-phone"] { --image: url(../img/icons/call-phone.png); }

i[data-icon="social-vk"] { --image: url(../img/icons/social-vk.png); }
i[data-icon="social-whatsapp"] { --image: url(../img/icons/social-whatsapp.png); }
i[data-icon="social-telegram"] { --image: url(../img/icons/social-telegram.png); }
i[data-icon="social-viber"] { --image: url(../img/icons/social-viber.png); }
i[data-icon="social-youtube"] { --image: url(../img/icons/social-youtube.png); }

i[data-icon="advantage-1"] { --image: url(../img/icons/advantage-1.png); }
i[data-icon="advantage-2"] { --image: url(../img/icons/advantage-2.png); }
i[data-icon="advantage-3"] { --image: url(../img/icons/advantage-3.png); }
i[data-icon="advantage-4"] { --image: url(../img/icons/advantage-4.png); }

i[data-icon="slider-1"] { --image: url(../img/icons/slider-1.png); }
i[data-icon="slider-2"] { --image: url(../img/icons/slider-2.png); }
i[data-icon="slider-3"] { --image: url(../img/icons/slider-3.png); }