.comments .comment:nth-of-type(2n-1) { background: rgba(212, 212, 212, 0.2); }

.comments .comment:hover { background: rgba(212, 212, 212, 0.6); }

.comments .indented { position: relative; padding-left: 2rem; }

.comments .indented .comment { position: relative; margin: 0; }

.comments .indented .comment:last-child { margin-bottom: 0.5rem; }

.comment { border: 1px solid #8d9d9e; border-radius: 10px; margin-top: 0.5rem; padding: 1rem 2rem; }

.comment .links { display: inline-flex; margin: 0; }

.comment small { width: 100%; display: inline-flex; justify-content: space-between; flex-direction: row-reverse; opacity: 0.5; }

.comment-count { background: url("../../assets/comment.svg") no-repeat; cursor: pointer; width: 19px; height: 19px; display: flex; align-items: center; }

.comment-count .count { margin-left: 1.5rem; }

.total-comments { margin-top: 0.3rem; position: relative; }

.total-comments .comment-icon { position: absolute; top: 5px; margin-right: 0.5rem; content: ''; display: inline-block; width: 19px; height: 19px; background: url("../../assets/comment.svg") no-repeat; }

.total-comments .count { margin-left: 1.5rem; }

.go-to-comments { color: #000; }

.go-to-comments:hover, .go-to-comments:focus { text-decoration: none; }