.delete-button{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);padding:var(--button-padding);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);box-shadow:var(--shadow-xs)}.delete-button .material-symbols-outlined{font-size:var(--icon-size);line-height:1}.has-delete-button:hover .delete-button{opacity:1}.delete-button:hover{background-color:var(--color-error);color:var(--color-text-on-dark);border-color:var(--color-error);transform:translateY(-50%) scale(1.05)}.delete-button:active{transform:translateY(-50%) scale(.95)}.delete-button:focus-visible{opacity:1;outline:2px solid var(--color-primary);outline-offset:2px}