<>
.component-name {
white-space: nowrap;
}
.card.shadow-sm.p-3.position-relative:hover {
box-shadow: 0 4px 10px rgba(0000.15);
background-color: var(--bs-primary);
}
.card:hover .border-0.bg-white.collapsed,
.card:hover .h5.text-primary.text-center {
background-color: var(--bs-primary);
}
.card:hover > button,
.card:hover button > p {
color:var(--bs-warning) !important;
background-color: var(--bs-primary) !important;
transition: color 0.3s ease;
}
.btn.btn-primary.active {
background-color: Indianred !important; /* atau dark sesuai preferensi */
border-color: Indianred !important;
color: white !important;
}