.pdf-cover-box{ position:relative; width:100%; height:auto;margin:0; overflow:hidden; border:1px solid #ccc; border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.1);  cursor:pointer;transition:box-shadow .3s ease,transform .3s ease} .pdf-cover-box:hover{transform:translateY(-3px); box-shadow:0 8px 15px rgba(0,0,0,.2);} .pdf-cover-box .pdf-cover-img{display:block;width:100%;height:auto;transition:opacity .3s ease} .pdf-cover-box .pdf-overlay{ position:absolute;top:0;left:0;width:100%;height:100%; background-color:rgba(0,0,0,.65); opacity:0;  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px; transition:opacity .3s ease} .pdf-cover-box:hover .pdf-overlay{opacity:1;} .pdf-cover-box .pdf-overlay p{color:#fff;font-size:1.2em;font-weight:bold;margin-bottom:5px;  transition:opacity .3s ease .1s} .pdf-cover-box .pdf-overlay .pdf-view-text{color:#ffc107; font-size:1em;font-weight:500;border:2px solid #ffc107;padding:5px 15px;border-radius:4px;margin-top:10px} .pdf-cover-box:hover .pdf-cover-img{opacity:.8}.d-none-mobile{display:none!important}@media(min-width:576px){.d-none-mobile{display:block!important}}@media(min-width:576px) and(max-width:991.98px){.d-none-tablet{display:none!important}}@media(min-width:992px){.d-none-desktop{display:none!important}}