.clickable-item {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.clickable-item:hover {
    background-color: #f8f9fa !important;
    transform: scale(1.01);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    filter: brightness(0.98);
    transform: translateY(-2px);
}

.button-invert {
    transition: background-color 0.2s ease, color 0.2s ease;
}


.button-invert:hover {
    background-color: var(--mantine-color-blue-light-hover) !important;
    color: var(--mantine-color-blue-filled) !important;
}