/* ============================================================
   グッドボタン
   ============================================================ */
.like-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: var(--color-background);
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-muted);
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
  font-family: var(--font-ui);
  line-height: 1;
}
.like-btn:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.like-btn:active {
  transform: scale(.94);
}
.like-btn--liked {
  background: rgba(252,85,71,.1);
  border-color: var(--color-accent);
  color: var(--color-accent);
  font-weight: var(--font-weight-bold);
}
.like-btn__icon {
  font-size: 14px;
  line-height: 1;
  transition: transform var(--transition-fast);
}
.like-btn:active .like-btn__icon {
  transform: scale(1.25);
}
.like-btn__count {
  min-width: 14px;
  text-align: center;
}

/* レビューアイテム内の配置 */
.review-item__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-2);
}

/* リスト詳細ページのボタン（やや大きめ） */
.like-btn--list {
  padding: 8px 14px;
  font-size: var(--font-size-sm);
  margin-top: 15px;
}
.like-btn--list .like-btn__icon {
  font-size: 16px;
}

/* リストカードのカウント表示（クリック不可） */
.list-card__likes {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 3px;
}