.comments-block {
  width: 100%;
  margin-bottom: 1rem;
  font-size: var(--text-md);
}

.comments-block__container {
  background-color: var(--color-bg);
  border-radius: 10px;
  color: var(--color-text);
}

.comments-block__title {
  font-weight: 500;
  font-size: 2.6rem;
  color: var(--color-text);
}

.comments-block__title .comments-count {
  vertical-align: top;
  margin-left: 5px;
  font-size: var(--text-h4);
  line-height: 2rem;
  display: inline-block;
  color: #2d2d2d;
  font-weight: normal;
}

.product-page-wrapper #mg-product-comments-rating form button,
.product-page-wrapper #treelike-comments form button,
.product-page-wrapper .comments-block form .sendComment,
.product-page-wrapper #mg-product-comments-rating ul li span.answer a {
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  border: 1px solid transparent;
  background: none;
  border-radius: 5px;
  font-size: var(--text);
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  height: 5rem;
  transition:
    border-color 0.25s,
    color 0.25s,
    background 0.25s;
  background: var(--color-accent);
  color: var(--color-text-inverse);
  padding: 0.5rem 1.5rem;
  height: 4rem;
  font-size: var(--text-md);
  border-radius: 4px;
}

.product-page-wrapper #mg-product-comments-rating ul li span.answer a span {
  font-size: var(--text-md);
}

.product-page-wrapper #mg-product-comments-rating ul li span.answer a:hover,
.product-page-wrapper #mg-product-comments-rating form button:hover,
.product-page-wrapper #treelike-comments form button:hover,
.product-page-wrapper .comments-block form .sendComment:hover {
  opacity: 0.8;
}

.product-page-wrapper #mg-product-comments-rating ul li span.author {
  color: var(--color-text);
  font-size: var(--text);
}

.product-page-wrapper #mg-product-comments-rating ul li div {
  font-size: var(--text-md);
  font-weight: 400;
  color: var(--color-text);
}