.wcl-comment-like {
  margin-top: 0.75rem;
}

.wcl-comment-like-button {
  align-items: center;
  appearance: none;
  background: #ffffff;
  border: 1px solid #d7dce2;
  border-radius: 999px;
  color: #242a31;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  gap: 0.35rem;
  line-height: 1;
  min-height: 2rem;
  padding: 0.4rem 0.7rem;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, opacity 160ms ease;
}

.wcl-comment-like-button:hover,
.wcl-comment-like-button:focus-visible {
  background: #fff5f7;
  border-color: #e25575;
  color: #c92750;
}

.wcl-comment-like-button:focus-visible {
  outline: 2px solid #e25575;
  outline-offset: 2px;
}

.wcl-comment-like-button.is-liked {
  background: #fff0f3;
  border-color: #e25575;
  color: #c92750;
}

.wcl-comment-like-button.is-loading {
  opacity: 0.65;
}

.wcl-comment-like-button:disabled {
  cursor: progress;
}

.wcl-comment-like-icon {
  font-size: 1.05em;
  line-height: 1;
}

.wcl-comment-like-label,
.wcl-comment-like-count {
  line-height: 1;
}

.wcl-comment-like-count {
  font-variant-numeric: tabular-nums;
}