.knowledge-base-category {
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  border: 1px solid #D2D2D2;
  border-radius: 4px;
  position: relative;
}
.knowledge-base-category__name {
  padding-left: 20px;
  font-weight: 600;
  line-height: 100%;
}
.knowledge-base-category:active, .knowledge-base-category:focus-within, .knowledge-base-category:focus {
  background-color: #F0EFF4;
}
@media (hover: hover) {
  .knowledge-base-category:hover {
    background-color: #F0EFF4;
  }
}