/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.erb-reactions {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.erb-btn {
    display: inline-flex;
    min-width: 88px;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 16px;
    background: #f5f5f5;
    cursor: pointer;
    border: none;
    margin-bottom: 10px;
    margin-right: 10px;
    color : #000;
}
.erb-btn.active-reaction {
    background: #e8ecfc;
}
img.emoji {
    width: 24px !important;
    height: 24px !important;
}