.divUserEngagement {
  display: flex;
  border-radius: 16px;
  border-left: 3px solid var(--bs-primary);
  background-color: var(--bs-info);
  padding: 16px;
  justify-content: space-between;
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.divUserEngagement:hover {
  transform: translateX(4px);
  box-shadow: 0 2px 12px rgba(var(--bs-primary-rgb), 0.12);
}

.divUserEngagement > span:nth-child(2) {
  color: var(--bs-primary);
  font-weight: 600;
}

.divUserEngagement div span {
  color: var(--bs-primary);
  font-weight: 600;
}