#emoji-block{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:6px 10px;
border-radius:12px;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.05);
flex-wrap:wrap;
margin:8px auto;
transition:background 0.2s ease;
}
#emoji-block:hover{
background:#f0f0f0;
}
.emoji{
cursor:pointer;
font-size:22px;
display:flex;
align-items:center;
gap:4px;
padding:4px 8px;
border-radius:8px;
transition:transform 0.15s ease, background 0.15s ease;
user-select:none;
}
.emoji:hover{
background:rgba(0, 0, 0, 0.06);
transform:scale(1.1);
}
.emoji:active{
transform:scale(0.95);
}
.emoji-count{
font-size:15px;
color:var(--text-color);
min-width:10px;
}
@media (max-width:480px){
#emoji-block{
gap:8px;
padding:5px 8px;
max-width:100%;
}
.emoji{
font-size:20px;
padding:4px 6px;
}
.emoji-count{
font-size:14px;
}
}