/*You want the added element to ignore pointer events - having the
mouse interact with the newly displayed .details element is
causing the :hover style rule to be broken (as the .details element
is now blocking the figure:hover).*/
.tile-body:hover+.delete {
display: block;
pointer-events:none;
}