Edit in JSFiddle

<body>
  <div class="product_card">
    <img class="image" src="https://mega-blitz.ru/templates/Default/images/resource/Object252.png" alt="Lowe">
    <div class="text">ИС-6</div> 
    <div class="price">111<s class="pricesele">222</s></div>  
    <button>
      Информация
    </button>

  </div>


</body> 
body{
  margin: 0;
  padding: 0;
  color: #fff;
}
.product_card{
  cursor: pointer;
  position: relative; /* здесь была опечатка */
  width: 280px;
  height: 198px;
  background: #333;
  float: left;
  outline: solid 1px red;
}
.image{
  max-width: 80%;
  background-image: url(https://static-pss-ru.wgcdn.co/shop/static/3.85.0/frontend/images/blocks/item/item_image_flag__ussr.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.text{
  text-align: left;
  font-size: 38px;
  font-family: Vendana, sans-serif;
  z-index:10;
  position: absolute;
  top:1px;
  left:1px;
}
.price{
  font-size: 38px;
  font-family: Vendana, sans-serif;
  position: absolute;
  text-align: left;
  top: 38%;
}
.pricesele{
  font-size: 20px;
}
.product_card:hover{


  transition:.2s;
  background-color: #000;
}
button {
  background-color: #f26402;
  color: #fff;
  padding: 1em; /* лучше не задавать размер, а делать отступ паддингом */
  position: absolute;
  text-align: center;
  border: none;
  bottom: 12%; 
  left: 50%; /* левый край по центру */
  transform: translate(-50%); /* и сдвинуть на половину ширины влево */
  display: none;
}
.product_card:hover button{ /* на родителе а не на кнопке */
  display:block;
}