/* ==============================
   CATEGORY FILTER BUTTONS
============================== */

.hs-filter-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:24px;
}

.hs-cat-btn{

  display:flex;
  align-items:center;
  justify-content:center;

  height:38px;
  padding:0 18px;

  font-size:18px;
  font-weight:400;
  line-height:38px;

  border-radius:4px;
  border:none;

  background:#F3F4F6;
  color:#6C737F;

  appearance:none;
  -webkit-appearance:none;

  cursor:pointer;
  transition:.2s;

  margin:0 !important;

}

/* hover */

.hs-cat-btn:hover{
  background:#E5E7EB;
}

/* active */

.hs-cat-btn.active{
  background:#A64EFF;
  color:#ffffff;
}

@media (max-width:768px){

  .hs-filter-buttons{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:6px;
  }

  .hs-cat-btn{
    flex:0 0 auto;
    font-size:16px;
  }

}


.hs-filter-buttons p{
  margin:0;
  padding:0;
  display:contents;
}