---------- CSS: Choose only one of the options ----------





OPTION 1 - MOST SIMPLE

.entry:hover .perma_hold {opacity:1;}
.perma_hold {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:0;
    z-index:9999;
    background:rgba(255,255,255,0.9);
    transition:0.6s ease;
    -o-transition:0.6s ease;
    -moz-transition:0.6s ease;
    -webkit-transition:0.6s ease;
}
 
.perma {
    top:50%;
    line-height:0;
    position:relative;
    font-size:12px;
    letter-spacing:2px;
    text-align:center;
    text-transform:uppercase;
}





OPTION 2 - INCLUDES EXTRAS (reblog & tags etc)

.entry:hover .perma_hold {opacity:1;}
.perma_hold {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:1;
    z-index:9999;
    background:rgba(255,255,255,0.9);
    transition:0.6s ease;
    -o-transition:0.6s ease;
    -moz-transition:0.6s ease;
    -webkit-transition:0.6s ease;
}
 
.perma {
    top:calc(50% - 15px);
    line-height:0;
    position:relative;
    text-align:center;
    font-size:0;
    padding:0;
}

.perma b {font-size:12px;letter-spacing:2px;text-transform:uppercase;}
.info a,.tags a{margin:0 3px;font-size:9px;}
.info {margin:15px 0 12px;text-transform:uppercase;letter-spacing:0.5px;}
.tags {font-style:italic;}