.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: 35px;
  }
}
.products-cate .webgene-item {
  max-width: 190px;
  width: calc((100% - 10px) / 2);
  border: solid 1px #4e6743;
  transition: all 0.4s;
}

@media screen and (min-width: 768px) {
  .products-cate .webgene-item {
    min-width: 190px;
    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 {
  font-size: clamp(1.6rem, 1.4rem + 0.51vw, 1.8rem);
  letter-spacing: 0.05em;
  color: #4e6743;
}

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

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