/*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;
}