/* Task 1221 — accessible green article like controls. */
.blog-detail-page .article-like-control,
.blog-detail-page .article-public-like-control {
  border-color: rgba(21, 128, 61, .34);
  background: rgba(240, 253, 244, .76);
  box-shadow: 0 6px 18px rgba(21, 128, 61, .11);
  color: #15803d !important;
}

.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(22, 101, 52, .64);
  background: rgba(220, 252, 231, .92);
  color: #166534 !important;
}

.blog-detail-page .article-like-control:focus-visible,
.blog-detail-page .article-public-like-control:focus-visible {
  outline-color: rgba(21, 128, 61, .46);
}