/* The existing share component has a news-only presentation variant. */
.orbyte-share--news.a2a_kit,
.orbyte-share--news.a2a_kit > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.orbyte-share--news.a2a_kit :is(a, button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.75rem;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--c-primary-brand);
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease;
}
.orbyte-share--news.a2a_kit :is(a, button)::before {
  content: "";
  display: block;
  inline-size: 1.375rem;
  block-size: 1.375rem;
  background: currentColor;
  /* A dark brand contour keeps white glyphs visible on a light primary. */
  filter: drop-shadow(1px 0 0 var(--c-primary-brand-light))
    drop-shadow(-1px 0 0 var(--c-primary-brand-light))
    drop-shadow(0 1px 0 var(--c-primary-brand-light))
    drop-shadow(0 -1px 0 var(--c-primary-brand-light));
  mask: var(--orbyte-share-icon) center / contain no-repeat;
  -webkit-mask: var(--orbyte-share-icon) center / contain no-repeat;
}
.orbyte-share--news .a2a_button_whatsapp { --orbyte-share-icon: url("img/share/whatsapp.svg"); }
.orbyte-share--news .a2a_button_facebook { --orbyte-share-icon: url("img/share/facebook.svg"); }
.orbyte-share--news .a2a_button_twitter { --orbyte-share-icon: url("img/share/x.svg"); }
.orbyte-share--news .a2a_button_linkedin { --orbyte-share-icon: url("img/share/linkedin.svg"); }
.orbyte-share--news .a2a_button_copy_link { --orbyte-share-icon: url("img/share/copy.svg"); }
.orbyte-share--news.a2a_kit :is(a, button):hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 3px var(--c-hover-ring-light);
}
.orbyte-share--news.a2a_kit :is(a, button):focus-visible {
  outline: 2px solid var(--c-white, #fff);
  outline-offset: 2px;
  box-shadow: 0 0 0 5px var(--c-primary-brand-light);
}
@media (prefers-reduced-motion: reduce) {
  .orbyte-share--news.a2a_kit :is(a, button) { transition: none; }
}
@media (forced-colors: active) {
  .orbyte-share--news.a2a_kit :is(a, button) {
    border: 1px solid ButtonText;
    background: ButtonFace;
    color: ButtonText;
  }
  .orbyte-share--news.a2a_kit :is(a, button)::before {
    background: ButtonText;
    filter: none;
    forced-color-adjust: none;
  }
}