.blog-detail-page .article-like-control,
.blog-detail-page .article-public-like-control {
  display: inline-grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  min-inline-size: 44px;
  padding: 0;
  border: 1px solid rgba(37, 99, 235, .3);
  border-radius: 999px;
  background: rgba(239, 246, 255, .72);
  box-shadow: 0 6px 18px rgba(37, 99, 235, .1);
  color: #2563eb !important;
  font: inherit;
  font-size: 1.25rem;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  backdrop-filter: blur(14px) saturate(1.02);
  -webkit-tap-highlight-color: transparent;
}

.blog-detail-page .article-like-icon {
  inline-size: 22px;
  block-size: 22px;
  fill: currentColor;
}

.blog-detail-page .article-like-control:hover,
.blog-detail-page .article-public-like-control:hover,
.blog-detail-page .article-like-control.is-liked {
  border-color: rgba(29, 78, 216, .62);
  background: rgba(219, 234, 254, .9);
  color: #1d4ed8 !important;
}

.blog-detail-page .article-like-control:focus-visible,
.blog-detail-page .article-public-like-control:focus-visible {
  outline: 3px solid rgba(37, 99, 235, .42);
  outline-offset: 3px;
}