.hhbio-drawer-tags-wrap {
margin-top: 4px;
}
.hhbio-drawer-tags-header {
margin-bottom: 12px;
}
.hhbio-drawer-tags-title {
display: inline-block;
font-size: 13px;
font-weight: 700;
color: #7b7e92;
letter-spacing: 0.05em;
}
.hhbio-drawer-tags-list {
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
align-items: center;
}
.hhbio-drawer-tag {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 14px;
background-color: #f3f4fc;
color: #2e3044 !important;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
text-decoration: none !important;
border-radius: 999px;
border: 1px solid #e1e3f2;
transition: all 0.2s ease;
box-sizing: border-box;
}
.hhbio-drawer-tag:hover,
.hhbio-drawer-tag:active {
background-color: #6869e0 !important;
color: #ffffff !important;
border-color: #6869e0 !important;
box-shadow: 0 2px 8px rgba(104, 105, 224, 0.25);
transform: translateY(-1px);
}