.email-item .view-button-container {
    gap: 0.5rem;
    flex-wrap: wrap;
}

.index-delete-mail-button {
    background-color: #dc3545;
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
    white-space: nowrap;
}

.index-delete-mail-button:hover {
    background-color: #bd2130;
}

.index-delete-mail-button:disabled {
    background-color: #e6a2a9;
    cursor: not-allowed;
}