.table-icon {
  width: 32px;
  object-fit: contain;
}

/* https://codepen.io/sosuke/pen/Pjoqqp */

.table-icon--green {
  filter: invert(69%) sepia(54%) saturate(485%) hue-rotate(86deg)
    brightness(90%) contrast(91%);
}

.table-icon--yellow {
  filter: invert(70%) sepia(60%) saturate(500%) hue-rotate(1deg) brightness(94%)
    contrast(100%);
}

.table-icon--red {
  filter: invert(50%) sepia(60%) saturate(500%) hue-rotate(315deg)
    brightness(100%) contrast(100%);
}

/* This will completely hide the radio buttons */
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check + .btn {
  cursor: pointer;
}

/* Optional: Style for active button */
.btn-check:checked + .btn {
  background-color: #0d6efd;
  color: white;
}