.like-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  padding: 0;
  margin: 0;
}

.like-button {
  background: transparent;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: transparent; /* default: no fill */
  -webkit-text-stroke: 1px #000; /* black outline */
  padding: 0;
  margin: 0;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
}

.like-button:hover {
  color: rgba(204, 0, 0, 0.8); /* red fill on hover */
  -webkit-text-stroke: 0; /* remove outline on hover */
  background: transparent; /* no background */
}

.like-button.liked {
  color: #cc0000; /* fully red heart after click */
  -webkit-text-stroke: 0;
}

.like-meta-inline {
  display: flex;
  flex-direction: column;
  font-size: 8px;
  color: #000;
  line-height: 1.1;
  text-transform: lowercase;
  padding: 0;
  margin: 0;
}