.koder_category_subcats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .koder_category_subcat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid var(--koder-border-color);
    border-radius: var(--bs-border-radius);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    text-decoration: none;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
  }
  .koder_category_subcat:hover,
  .koder_category_subcat:focus {
    color: var(--koder-primary);
    border-color: var(--koder-primary);
    text-decoration: none;
  }
  .koder_category_subcat_image,
  .koder_category_subcat_text,
  .koder_category_subcat i,
  .koder_category_subcat img {
    color: inherit;
  }
  .koder_category_subcat_image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }
  .koder_category_subcat_image img {
    width: 22px;
    height: 22px;
    object-fit: contain;
  }
  .koder_category_subcat_text {
    line-height: 1.2;
  }