Icon masks a lá Herbaliser
.navigation-buttons a[data-target="cart"]::before,
.navigation-buttons a[data-target="login"]::before,
.navigation-buttons a[data-target="search"]::before,
.navigation-buttons a[data-target="navigation"]::before,
.navigation-close::before {
content: "";
width: 20px;
height: 20px;
-webkit-mask-image: url("/user/documents/upload/res/Desiistyle_cart.svg");
mask-image: url("/user/documents/upload/res/Desiistyle_cart.svg");
}
.navigation-buttons a[data-target="search"]::before {
-webkit-mask-image: url("/user/documents/upload/res/Desiistyle_search.svg");
mask-image: url("/user/documents/upload/res/Desiistyle_search.svg");
}
.navigation-buttons a[data-target="login"]::before {
-webkit-mask-image: url("/user/documents/upload/res/Desiistyle_login.svg");
mask-image: url("/user/documents/upload/res/Desiistyle_login.svg");
}
.navigation-buttons a[data-target="navigation"]::before {
-webkit-mask-image: url("/user/documents/upload/res/Desiistyle_menu.svg");
mask-image: url("/user/documents/upload/res/Desiistyle_menu.svg");
}
.navigation-close::before {
-webkit-mask-image: url("/user/documents/upload/res/Desiistyle_menu_close.svg");
mask-image: url("/user/documents/upload/res/Desiistyle_menu_close.svg");
}
.navigation-buttons a::before, .navigation-close::before {background:#000;}
.navigation-buttons a:hover::before, .navigation-close:hover::before {background:#3c99dc;}