.comment-news .comment-news-header, .comment-news .comment-news-header .text {
  justify-content: flex-start;
  align-items: center;
  gap: .5rem .875rem;
  display: flex;
}

.comment-news .comment-news-header:before {
  content: "";
  background-color: #d9d9d9;
  border: 1px solid #d9d9d9;
  border-radius: .625rem;
  width: 1.875rem;
  height: 1.875rem;
}

.comment-news .comment-news-header .text {
  flex-wrap: wrap;
}

.comment-news .comment-news-header .text .name {
  color: #373635;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.comment-news .comment-news-header .text .date {
  color: #9ea8b0;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.125rem;
}

.comment-news .comment-news-main {
  overflow: hidden;
}

.comment-news .comment-news-main p, .comment-news .comment-news-main img {
  margin-block: .75rem;
}

.comment-news .comment-news-main p {
  color: #373635;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.comment-news .comment-news-main img {
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

.comment-news .comment-news-footer {
  border-top: 1px solid #d9d9d9;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25rem;
  padding-top: .75rem;
  display: flex;
}

.comment-news .comment-news-footer:after {
  content: "";
  border-left: 1px solid #d9d9d9;
  order: 2;
  height: 1.125rem;
}

.comment-news .comment-news-footer .button {
  color: #9ea8b0;
  background-color: #0000;
  border: none;
  padding: 0;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.125rem;
}

.comment-news .comment-news-footer .button.l {
  order: 1;
}

.comment-news .comment-news-footer .button.r {
  order: 3;
}