.block-info {display:grid; grid-template-columns: 4fr 4fr 4fr 4fr; gap:20px;}
.block-info .block {position: relative;aspect-ratio: 1 / 1;grid-row:1;color:var(--color-black);font-weight:400;}
.block-info .block .info  {padding:20px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;}
.block-info .block .info .name {font-size:14px;letter-spacing:-0.2px;display:flex;justify-content:space-between;}
.block-info .block .info .name h2 {text-transform:uppercase;margin-bottom: 15px;}
.block-info .block .info .name p {opacity:0.6;line-height:140%;}
.block-info .block .info .name  span {text-align:right;white-space:nowrap;margin-left:10px;}
.block-info .block .info .btn {align-self: flex-end;}

.block-info .block.black {background: var(--color-grey);color:var(--color-white);font-weight:200;}
.block-info .block.brown {background: var(--color-brown);}
.block-info .block.white {background: var(--color-white);}
.block-info .block.accent {background: var(--color-accent);}

@media (max-width:768px){
    .block-info {display:flex;flex-direction:column;gap:15px;}
}