.cobranca-chip {
  --bs-btn-bg: #ffffff !important;
  --bs-btn-border-color: rgba(200, 16, 46, 0.12) !important;
  --bs-btn-color: #6b7280 !important;
  --bs-btn-hover-bg: #fff5f5 !important;
  --bs-btn-hover-border-color: rgba(200, 16, 46, 0.32) !important;
  --bs-btn-hover-color: #c8102e !important;
  border-radius: 999px !important;
  border: 1px solid rgba(200, 16, 46, 0.12) !important;
  background: #ffffff !important;
  color: #6b7280 !important;
  transition: all 180ms ease !important;
  box-shadow: 0 4px 14px rgba(17, 24, 39, 0.05) !important;
}

.cobranca-chip:hover {
  border-color: rgba(200, 16, 46, 0.32) !important;
  color: #c8102e !important;
  transform: translateY(-1px);
}

.btn-check:checked + .cobranca-chip,
.btn-check:active + .cobranca-chip,
.cobranca-chip.active,
.cobranca-chip.btn-primary,
.cobranca-chip.btn-danger {
  --bs-btn-bg: linear-gradient(135deg, #c8102e 0%, #ef4444 100%) !important;
  --bs-btn-border-color: #c8102e !important;
  --bs-btn-color: #ffffff !important;
  --bs-btn-active-bg: linear-gradient(135deg, #c8102e 0%, #ef4444 100%) !important;
  --bs-btn-active-border-color: #c8102e !important;
  --bs-btn-active-color: #ffffff !important;
  background: linear-gradient(135deg, #c8102e 0%, #ef4444 100%) !important;
  color: #ffffff !important;
  border-color: #c8102e !important;
  box-shadow: 0 12px 24px rgba(200, 16, 46, 0.24) !important;
}

.btn-check:focus + .cobranca-chip,
.cobranca-chip:focus {
  border-color: #c8102e !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.18) !important;
}