/* 記事本文の末尾に表示。テーマ既存のVIEW・SNSボタンには作用しない。 */
.c3-like-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .6rem;
  margin: 2rem 0 1.5rem;
}
.c3-like-button {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 44px;
  padding: .55rem 1rem;
  border: 1px solid #547d67;
  border-radius: 999px;
  background: #fff;
  color: #315b46;
  font: inherit;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.c3-like-button:hover,
.c3-like-button:focus-visible { background: #f0f7f2; }
.c3-like-button:focus-visible { outline: 2px solid #315b46; outline-offset: 2px; }
.c3-like-button.is-liked { background: #e8f3ea; border-color: #376f4e; }
.c3-like-button:disabled { cursor: wait; opacity: .65; }
.c3-like-heart { font-size: 1.3em; line-height: 1; }
.c3-like-count { font-variant-numeric: tabular-nums; }
.c3-like-feedback { color: #a12c2c; font-size: .9em; }