JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="column">
        <span>Старт</span>
        <a href="#">Закзать</a>
    </div>
    <div class="column">
         <span>Бизнес</span>
        <a href="#">Закзать</a>
    </div>
    <div class="column">
         <span>Премиум</span>
        <a href="#">Закзать</a>
    </div>
</div>

CSS

.wrap {
    border: 1px solid;
    width: 456px;
    overflow: hidden;
    margin: 30px;
    padding: 30px 0;
}

.column {
    width: 150px;
    border: 1px solid green;
    float: left;
    text-align: center;
    min-height: 300px;
    border-radius: 3px;
   position: relative;
}

a {
   position: absolute;
   bottom: 20px;
   left: 35%;
}

.column:hover {
   padding: 5px 0;
   position: relative;
   top: -5px;
}