.x3-like-wrapper {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 15px 0 !important;
  font-family: inherit !important;
}

.x3-like-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  padding: 6px 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.1s ease !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* 터치 및 포커스 잔상 강제 초기화 */
.x3-like-button:focus,
.x3-like-button:focus-visible {
  outline: none !important;
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #334155 !important;
}

/* 1. PC 마우스가 실제로 올려졌을 때만 JS가 붙여주는 호버 스타일 */
.x3-like-button.is-pc-hover {
  transform: translateY(-1px) !important;
  border-color: #f43f5e !important;
  color: #f43f5e !important;
  box-shadow: 0 4px 8px rgba(244, 63, 94, 0.15) !important;
}

/* 2. 누르는 찰나의 순간 피드백 (손 떼면 즉시 원상복귀) */
.x3-like-button:active {
  transform: scale(0.95) !important;
  background-color: #ffffff !important;
  border-color: #f43f5e !important;
  color: #f43f5e !important;
}

.like-badge {
  background-color: #ffffff !important;
  color: #0f172a !important;
  padding: 2px 7px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  min-width: 12px !important;
  text-align: center !important;
}

/* 혹시 남아있을지 모를 텍스트 영역 완전 소멸 */
.like-status-msg,
#x3-like-status {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  opacity: 0 !important;
}