[Dilettante_Pro]

А вот так работает.

<style>
.block1 {
  width: 100%;
}
.blocks {
  width: 33%;
  border: 3px #000;
  background-color: #000;
  float: left;
  color: #fff;
  height: 300px;
}
.hvr-sweep-to-top-border {
    color: #ffffff;
}
#button1 {position: relative; border: 4px double white;}
#button2 {position: relative; border: 4px double white;}
#button3 {position: relative; border: 4px double white;}
</style>
<div class="block1">
  <div class="blocks">
    <h2>Title 1</h2>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<p>
    <a href="#" class="hvr-sweep-to-top-border wow fadeUp animated" style="visibility: visible;">Read More </a>
  </div>
  <div class="blocks">
    <h2>Title 2</h2>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s<p>
    <a href="#" class="hvr-sweep-to-top-border wow fadeUp animated" style="visibility: visible;">Give Love </a>
  </div>
  <div class="blocks">
    <h2>Title 3</h2>
    <p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s<p>
    <a href="#" class="hvr-sweep-to-top-border wow fadeUp animated" style="visibility: visible;">Buy Now </a>
  </div>
</div>
<script>
var buttons = document.querySelectorAll(".hvr-sweep-to-top-border");
function getCoords() {
  var box = buttons[0].getBoundingClientRect();
  return box.top;
}
buttons[1].style.position = "absolute";
buttons[2].style.position = "absolute";
buttons[1].style.top = getCoords();
buttons[2].style.top = getCoords();
</script>