.card {
  transition: border-color 0.3s, color 0.3s;
}

.hover-effect:hover {
  border-color: #007bff; /* Change to your desired hover border color */
  color: #007bff;        /* Change to your desired hover text color */
}

.hover-effect:hover .card-header,
.hover-effect:hover .card-body,
.hover-effect:hover .card-footer {
  color: #007bff;        /* Change to your desired hover text color */
}

.card .card-label-bg {
  display: inline-block;
  position: relative;
  background-color: black;
  padding-right: 2px; /* Extends the black band 2px beyond the text */
}