.custom-table-filter-btns {
  display: flex;
  align-items: center;
  height: 44px;
  padding-left: 8px;
  .table-filter-btn {
    height: 30px;
    border: none;
    border-radius: 10px;
    font-weight: 400;
    font-size: 13px;
    background: var(--new-background-2);
    color: var(--new-color-1);
    --ripple-color: none !important;
    transition: all 0.3s;
    &:hover {
      background: var(--new-background-2);
    }
  }
  .active {
    background: var(--new-background-3);
    color: var(--new-color-2);
    font-weight: 500;
    transition: all 0.3s;
    &:hover {
      background: var(--new-background-3);
    }
  }
}
