.print-job-card {
    position: relative;
}

.print-job-card.is-deleting {
    pointer-events: none;
}

.print-job-card.is-deleting::before {
    background: rgba(246, 243, 238, 0.82);
    border-radius: inherit;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 30;
}

.print-job-card.is-deleting::after {
    animation: print-delete-spin 0.8s linear infinite;
    border: 4px solid rgba(201, 45, 45, 0.18);
    border-radius: 50%;
    border-top-color: #c92d2d;
    content: "";
    height: 2.8rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2.8rem;
    z-index: 31;
}

@keyframes print-delete-spin {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}