.post-wrap {max-width: 1120px;margin: 0 auto;display: flex;justify-content: center;flex-wrap: wrap;}
.ramka{
background: #FFF; /* Фоновый цвет блока */
border:3px solid #30A8E6; /* Ширина вид и цвет рамки */
border-radius:20px; /* Радиус скругления углов*/
-webkit-border-radius:20px; /* Safari, Chrome */
-moz-border-radius:20px; /* Firefox */
padding: 10px;
margin: 10px;
cursor: pointer;
}
.ramka:hover{border:3px solid #f77;}
.item-body h3 {font-weight: 500;margin-bottom: 15px;}
.item-footer {padding-top: 15px;}
.link {  
text-decoration: none;
display: inline-block;
position: relative;
padding-right: 0px;
text-transform: uppercase;
font-weight: 600;
}

.link span {display: inline-block;position: relative;transform: translateX(0%);transition: .6s cubic-bezier(.6, .01, 0, 1);}
.post-item:hover .link span {transform: translateX(20%);text-decoration: underline;}
@media (min-width: 768px) {.post-item {flex-basis: 50%;flex-shrink: 0;}}
@media (min-width: 960px) {.post-item {flex-basis: 25%;}}