svg.magic-icon .border {
    transform: translate(-3%, -3%);
}
svg.magic-icon .fill {
    transform: translate(3%, 3%);
}
svg.magic-icon .border,
svg.magic-icon .fill {
    transition: transform 0.5s;
}
figure.image:hover > svg.magic-icon .border,
figure.image:hover > svg.magic-icon .fill,
svg.magic-icon:hover .border,
svg.magic-icon:hover .fill,
a:hover svg.magic-icon .border,
a:hover svg.magic-icon .fill,
.magic-icon-hover:hover svg.magic-icon .border,
.magic-icon-hover:hover svg.magic-icon .fill
{
    transform: none;
}