/* Emoji Selection Styles */

.emoji-btn {
    width: 54px;
    height: 54px;
    padding: 0;
    color: var(--text-primary);
    font-size: 24px;
    border-radius: 999px;
}

.emoji-btn:hover,
.emoji-btn:focus-visible {
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
    transform: translateY(-2px);
}

.emoji-btn.is-selected {
    color: #ffffff;
    background: var(--primary-gradient);
    border-color: rgba(255, 255, 255, 0.28);
    box-shadow: 0 10px 26px rgba(var(--primary-rgb), 0.22);
}