.article-public-like {
  display: flex;
  margin-block-start: 1.25rem;
}

.article-public-like-control {
  display: inline-grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  border: 1px solid rgba(154, 88, 56, .28);
  border-radius: 999px;
  background: rgba(255, 255, 255, .34);
  box-shadow: 0 6px 18px rgba(69, 55, 43, .08);
  color: inherit;
  font-size: 1.25rem;
  line-height: 1;
  text-decoration: none;
  backdrop-filter: blur(14px) saturate(1.02);
  -webkit-tap-highlight-color: transparent;
}

.article-public-like-control:hover {
  border-color: rgba(154, 88, 56, .55);
  background: rgba(255, 255, 255, .5);
}

.article-public-like-control:focus-visible {
  outline: 3px solid rgba(154, 88, 56, .42);
  outline-offset: 3px;
}