comment.css

.comment-arrow-box {
    background: #ffffff;
    border: 2px solid #97938D;
    border-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;

    padding: 3.5px 3.5px;
    margin: 0;
    font-size: 18px;
    line-height: 16px;
    color: #767676;
    background-color: #fafafa;
}

/* arrow */
.comment-arrow-box:after, .comment-arrow-box:before {
    bottom: 100%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.comment-arrow-box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 3px;
    margin-left: -3px;
}
.comment-arrow-box:before {
    border-color: rgba(151, 147, 141, 0);
    border-bottom-color: #97938D;
    border-width: 7px;
    margin-left: -7px;
}

.comment-arrow-box .reference {
    font-weight: bold;
    color: #60B044;
}

.comment-arrow-box .username {
    font-weight: bold;
}

@-webkit-keyframes pop-in {
0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes pop-in {
0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.pop-in {
    -webkit-animation: pop-in .22s;
            animation: pop-in .22s;
}