Slide-Up Overlay

Content panel slides up over card on hover.

.sov { position:relative; overflow:hidden; border-radius:12px; cursor:pointer; }
.sov-content { position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.8); padding:16px; transform:translateY(100%); transition:transform 0.3s; }
.sov:hover .sov-content { transform:translateY(0); }