.article-share {
  max-width: 860px;
  margin-block: 3rem;
  padding-block: 2rem;
  border-top: 1px solid #b9c8b8;
  border-bottom: 1px solid #b9c8b8;
  color: #153d31;
}
.article-share .article-share__intro h2 { margin: .3rem 0 .6rem; font-size: clamp(1.55rem, 4vw, 2.2rem); line-height: 1.2; }
.article-share .article-share__intro p { margin-block: .5rem 1rem; }
.article-share .article-share__actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.article-share .article-share__control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 46px;
  padding: .65rem 1rem;
  border: 1px solid #577a66;
  border-radius: 999px;
  background: #f5f6ed;
  color: #153d31;
  font: inherit;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  cursor: pointer;
}
.article-share .article-share__control:hover { background: #e3ecdf; border-color: #153d31; }
.article-share .article-share__control:focus-visible, .article-share input:focus-visible { outline: 3px solid #226f92; outline-offset: 4px; }
.article-share .article-share__fallback { margin-top: 1rem; }
.article-share .article-share__fallback label { display: block; margin-bottom: .4rem; font-size: .95rem; }
.article-share .article-share__fallback input { display: block; box-sizing: border-box; width: 100%; min-height: 46px; border: 1px solid #577a66; border-radius: 8px; padding: .65rem; background: #fff; color: #153d31; font: inherit; }
.article-share .article-share__status { min-height: 1.5em; margin: .7rem 0 0; font-size: .95rem; }
.article-share [hidden] { display: none !important; }
@media (max-width: 480px) { .article-share .article-share__control { flex: 1 1 40%; } }