.products-cate {
  margin-bottom: clamp(4rem, 2.1rem + 5.09vw, 6rem);
}

.products-cate .webgene-blog {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  max-width: 865px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .products-cate .webgene-blog {
    gap: 25px;
  }
}
.products-cate .webgene-item {
  max-width: 120px;
  width: calc((100% - 10px) / 2);
  border: solid 1px #6d593a;
  transition: all 0.4s;
}

@media screen and (min-width: 768px) {
  .products-cate .webgene-item {
    min-width: 120px;
    width: calc((100% - 105px) / 4);
  }
}
.products-cate .webgene-item.prducts-btn:not(:first-of-type) {
  display: none;
}

.products-cate .webgene-item a {
  display: block;
  padding: 8px 15px;
  text-align: center;
}

.products-cate .webgene-item a p {
  letter-spacing: 0.05em;
  color: #6d593a;
}

.products-cate .webgene-item.--current,
.products-cate .webgene-item:hover {
  background-color: #6d593a;
}

.products-cate .webgene-item.--current a p,
.products-cate .webgene-item:hover a p {
  color: #fff;
}