body{font-family:'Segoe UI',sans-serif;background:#f4f6f8;margin:0}
header{background:#0f5132;color:#fff;padding:15px}
.container{width:90%;margin:auto}
.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden}
.card img{width:100%;height:260px;object-fit:cover}
.card .info{padding:15px}
.btn{background:#198754;color:#fff;padding:8px 15px;border-radius:5px;text-decoration:none;display:inline-block}
.btn:hover{background:#146c43}
footer{background:#222;color:#ccc;text-align:center;padding:10px;margin-top:30px}
/* SHARE BUTTON */
.share-box{
  margin-top:20px;
}
.share-btn{
  display:inline-block;
  margin:5px 8px 5px 0;
  padding:8px 14px;
  border-radius:20px;
  font-size:13px;
  text-decoration:none;
  color:#fff;
  transition:.2s;
}
.share-btn:hover{opacity:.85}

.whatsapp{background:#25D366}
.facebook{background:#1877F2}
.twitter{background:#000}
.copy{background:#6c757d}