.hb-tags-cloud{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
.hb-tag{
display:inline-flex;align-items:center;padding:.65rem 1rem;
border-radius:999px;text-decoration:none;
border:1px solid rgba(0,0,0,.08);
background:linear-gradient(to bottom, #fff, #f6f6f6);
box-shadow:0 2px 8px rgba(0,0,0,.06);
transition:transform .18s ease, box-shadow .18s ease;
}
.hb-tag:hover,.hb-tag:focus-visible{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,.12);
outline:none;
}
@media (prefers-reduced-motion: reduce){
 .hb-tag{transition:none}
}