.kategori-label {
    border: 2px solid var(--vz-border-color) !important;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}
.kategori-label:hover {
    border-color: rgba(var(--vz-primary-rgb), 0.5) !important;
    background-color: rgba(var(--vz-primary-rgb), 0.02);
}
.btn-check:checked + .kategori-label {
    border-color: var(--vz-primary) !important;
    background-color: rgba(var(--vz-primary-rgb), 0.05);
}
.btn-check:checked + .kategori-label .check-icon {
    opacity: 1;
    transform: scale(1);
}
.btn-check:disabled + .kategori-label {
    opacity: 0.5;
    background-color: var(--vz-light);
    cursor: not-allowed;
}
.check-icon {
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.25s ease-in-out;
    color: var(--vz-primary);
}