.k-help-marker.btn {
  width: 1.8rem;
  height: 1.8rem;
  min-width: 1.8rem;
  border-radius: 999px;
  padding: 0;
  line-height: 1.6rem;
  font-weight: 800;
  border-width: 1px;
}

.k-help-marker--blue.btn {
  color: #0b5ed7;
  border-color: #9ec5fe;
  background: #e7f1ff;
}

.k-help-marker--blue.btn:hover,
.k-help-marker--blue.btn:focus-visible {
  color: #084298;
  border-color: #6ea8fe;
  background: #dce8ff;
}

.k-help-marker--yellow.btn {
  color: #8a6000;
  border-color: #ffe69c;
  background: #fff3cd;
}

.k-help-marker--yellow.btn:hover,
.k-help-marker--yellow.btn:focus-visible {
  color: #664d03;
  border-color: #ffda6a;
  background: #ffecb5;
}

.k-help-marker--red.btn {
  color: #b02a37;
  border-color: #f1aeb5;
  background: #f8d7da;
}

.k-help-marker--red.btn:hover,
.k-help-marker--red.btn:focus-visible {
  color: #842029;
  border-color: #ea868f;
  background: #f1c2c7;
}