.comment {
    margin-bottom: 25px;
}
.comment--avatar-img {
    border-radius: 50%;
    width: 85%;
    float: right;
    margin-top: 18px;
}
.comment--info {
    display: block;
    margin-top: 5px;
}
.comment--date {
    display: block;
    font-size: 10px;
}
.comment--username {
    display: block;
}
.comment--text {
    display: block;
    margin-top: 5px;
}
.comment--body {
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: 1px solid #fefefe;
    position: relative;
}
.comment--body :after, .comment--body :before {
	right: 100%;
	top: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.comment--body :after {
	border-color: rgba(245, 245, 245, 0);
	border-right-color: #f5f5f5;
	border-width: 9px;
	margin-top: -9px;
}
.comment--body :before {
	border-color: rgba(254, 254, 254, 0);
	border-right-color: #fefefe;
	border-width: 10px;
	margin-top: -10px;
}
.comment--actions {
    text-align: right;
    margin-top: 10px;
}
.comment--input {
    display: block;
    font-size: 10px;
    width: 100%;
    height: 80px;
    border: 0;
}