$(document).ready(function() {
$('#name-input').click(function() {
$(this).find('#name-display').css({
'display': 'block'
});
});
});a.btn_add_basket::before {
content: '';
display: inline-block;
width: 14px;
height: 17px;
position: relative;
top: 3px;
left: -5px;
margin-right: 5px;
background-color: #181F29;
-webkit-mask-image: url(../img/basket.svg);
mask-image: url(../img/basket.svg);
transition: ease-out 0.9s;
}
a.btn_add_basket:hover:before {
background-color: white;
}<div class="icon icon_basket"></div>.icon {display: inline-block; position: relative; width: 14px; height: 17px; top: 3px; left: -5px;}
.icon_basket {
background-color: #181F29;
-webkit-mask-image: url(../img/basket.svg);
mask-image: url(../img/basket.svg);
transition: ease-out 0.9s;
}
a.btn_add_basket:hover .icon_basket {
background-color: white;
}