Punctured buttons

[Burma]

Tell me what you need to write to do when you put a button on the picture, order a consult?

.range-txt {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  color: #000;
  font-size: 20px;
  padding: 10px 10px 10px 16px;
  text-align: center;
}
.position-rage-bottom {
  padding-bottom: 20px;
}

<div class="col-sm-4 img-responsive">
  <img src="images/range2.png">
  <span class="range-txt position-rage-bottom">
  Мебель для персонала<br> 
  <strong>от 2 012 руб.</strong>
  </span>
</div>

[tahishae]

Turn your button on top of your picture, (e.g. absulute) then give it a display:none; after which, on the parent block, you seem to have col-sm-4 img-responsive (I would add a separate class) put the pseudo class choever, and then put it on that pseudo class. I mean, when CSS comes, it's gonna change the pattern of display. Here's the example of the hover:

.col-sm-4.img-responsive:hover .mybutton{
display:block;
}

And the button slide:

.mybutton{
position:absolute;
top:50%;
leftблаблабла...
главное тут:
display:none;
}

I'd write more details, but I'm sorry, I hope this will help you. ♪ ♪