/* если раньше делали кнопку через ::after — отключаем её */
.woocommerce ul.products li.product.product-category > a::after { 
  content: none !important; 
}

/* настоящая кнопка, которую JS вставляет после заголовка */
.woocommerce ul.products li.product.product-category .cat-btn {
  display: inline-block;
  margin-top: 8px;
  padding: 10px 22px;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background .25s ease, border-color .25s ease, 
              box-shadow .25s ease, color .25s ease;
  cursor: pointer; /* рука только на кнопке */
}

/* ховер — меняет цвет именно при наведении на кнопку */
.woocommerce ul.products li.product.product-category .cat-btn:hover {
  background: #0a84ff;
  border-color: #0a84ff;
  color: #fff;
  box-shadow: 0 0 12px rgba(10,132,255,.5);
}

/* курсор-рука на картинке категории */
.woocommerce ul.products li.product.product-category > a img { 
  cursor: pointer; 
}

/* увеличение картинки при наведении на карточку */
.woocommerce ul.products li.product.product-category:hover > a img {
  transform: scale(1.06);
  transition: transform .35s ease;
}

/* лёгкое свечение всей карточки при ховере */
.woocommerce ul.products li.product.product-category {
  background: #1a1a1a;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
  padding: 0 0 18px;
  box-shadow: 0 6px 16px rgba(0,150,255,.15);
  transition: box-shadow .3s ease;
}
.woocommerce ul.products li.product.product-category:hover {
  box-shadow: 0 0 20px rgba(0,150,255,.25);
}