.emotions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 2px;
    border-radius: 50%;
    background: transparent;
    color: #2c2e45;
    font: 400 18px / 1 Arial, sans-serif;
    vertical-align: middle;
}

.emotions:before {
    display: block;
    line-height: 1;
}

.smilesChoose .emotions {
    width: 30px;
    height: 30px;
    margin: 3px;
    background: #f4f7f8;
    box-shadow: inset 0 0 0 1px #e0e1e4;
    transition: all 0.2s;
}

.smilesChoose .emotions:hover {
    background: #e7f7f6;
    box-shadow: inset 0 0 0 1px #40aaa1;
    transform: translateY(-1px);
}

.emo-smile:before {
    content: "🙂";
}

.emo-grin:before {
    content: "😄";
}

.emo-sad:before {
    content: "🙁";
}

.emo-kiss:before {
    content: "😘";
}

.emo-blum:before {
    content: "😋";
}

.emo-bad:before {
    content: "😐";
}

.emo-cray:before {
    content: "😢";
}

.emo-beee:before {
    content: "😕";
}

.emo-dirol:before {
    content: "😎";
}

.emo-ireful:before {
    content: "😠";
}

.emo-rofl:before {
    content: "😂";
}

.emo-aikido:before {
    content: "🥋";
}

.emo-banned:before {
    content: "⛔";
}

.emo-nhl:before {
    content: "🏒";
}

.emo-rotest:before {
    content: "✊";
}

.emo-training:before {
    content: "🏃";
}

.emo-warning:before {
    content: "⚠";
}

.emo-fan:before {
    content: "👏";
}

.emo-soccer:before {
    content: "⚽";
}

.emo-basketball:before {
    content: "🏀";
}

.emo-tennis:before {
    content: "🎾";
}

.emo-medal:before {
    content: "🏅";
}

.emo-cycling:before {
    content: "🚴";
}

.emo-thumbsup:before {
    content: "👍";
}

.emo-heart:before {
    content: "❤️";
}

.emo-ok:before {
    content: "👌";
}

.emo-fire:before {
    content: "🔥";
}

.emo-party:before {
    content: "🥳";
}

.emo-think:before {
    content: "🤔";
}

.emo-wow:before {
    content: "😮";
}

.emo-sleep:before {
    content: "😴";
}

.emo-love:before {
    content: "😍";
}

.emo-victory:before {
    content: "✌️";
}