.emoticon {
    vertical-align: middle;
    background: no-repeat center center transparent;
    margin: 1px;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

.emoticon--button {
    border: 0;
    cursor: pointer;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.emoticon--button .emoticon {
    max-height: 30px;
    max-width: 30px
}
