/* V12 - melhora visual e usabilidade dos botões da matéria */
.news-article .news-tools,
.news-tools[data-news-tools]{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  margin:18px 0 20px!important;
  padding:16px!important;
  border:1px solid #dfe7f1!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}

.news-tools .share-buttons,
.news-tools .reading-tools{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.news-tools .share-buttons span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 4px 0 2px!important;
  color:#475569!important;
  font-size:14px!important;
  font-weight:900!important;
}

.news-tools .share-buttons a,
.news-tools .share-buttons button,
.news-tools .reading-tools button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:46px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  border:1px solid #d9e3ee!important;
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease!important;
}

.news-tools .share-buttons a:hover,
.news-tools .share-buttons button:hover,
.news-tools .reading-tools button:hover,
.news-tools .share-buttons a:focus-visible,
.news-tools .share-buttons button:focus-visible,
.news-tools .reading-tools button:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(2,132,199,.45)!important;
  background:#f0f8ff!important;
  color:#075985!important;
  box-shadow:0 8px 20px rgba(2,132,199,.12)!important;
  outline:none!important;
}

.news-tools .share-buttons a[href*="facebook"]{color:#1877f2!important;border-color:rgba(24,119,242,.18)!important;background:#f8fbff!important;}
.news-tools .share-buttons a[href*="whatsapp"]{color:#128c7e!important;border-color:rgba(18,140,126,.18)!important;background:#f7fffc!important;}
.news-tools .share-buttons a[href*="twitter"],
.news-tools .share-buttons a[href*="x.com"]{color:#111827!important;background:#fbfbfc!important;}
.news-tools .share-buttons button[data-copy-link]{color:#0f172a!important;background:#fbfdff!important;}

.news-tools .reading-tools button[data-font-minus],
.news-tools .reading-tools button[data-font-plus]{
  min-width:62px!important;
  padding:0 14px!important;
}

.news-tools .reading-tools button[data-read-article]{
  color:#0f766e!important;
  border-color:rgba(15,118,110,.18)!important;
  background:#f4fffd!important;
}

.news-tools .reading-tools button[data-stop-reading]{
  color:#991b1b!important;
  border-color:rgba(153,27,27,.15)!important;
  background:#fff8f8!important;
}

.news-tools .reading-tools button.is-reading{
  background:var(--primary,#0f766e)!important;
  border-color:var(--primary,#0f766e)!important;
  color:#fff!important;
}

.news-tools .reading-tools button.is-active{
  background:#b91c1c!important;
  border-color:#b91c1c!important;
  color:#fff!important;
}

.news-tools .reading-tools button.is-disabled{
  opacity:.58!important;
}

@media (max-width: 900px){
  .news-article .news-tools,
  .news-tools[data-news-tools]{
    gap:12px!important;
    padding:14px!important;
    border-radius:20px!important;
  }

  .news-tools .share-buttons,
  .news-tools .reading-tools{
    gap:8px!important;
  }

  .news-tools .share-buttons span{
    width:100%!important;
    min-height:auto!important;
    padding:0!important;
    font-size:13px!important;
  }

  .news-tools .share-buttons a,
  .news-tools .share-buttons button,
  .news-tools .reading-tools button{
    min-height:44px!important;
    border-radius:14px!important;
    padding:0 14px!important;
    font-size:14px!important;
  }
}

@media (max-width: 560px){
  .news-tools .share-buttons,
  .news-tools .reading-tools{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }

  .news-tools .share-buttons span{
    grid-column:1/-1!important;
    margin-bottom:2px!important;
  }

  .news-tools .share-buttons a[href*="twitter"],
  .news-tools .share-buttons a[href*="x.com"],
  .news-tools .share-buttons button[data-copy-link]{
    grid-column:span 1!important;
  }

  .news-tools .reading-tools button[data-read-article],
  .news-tools .reading-tools button[data-stop-reading]{
    grid-column:span 2!important;
  }

  .news-tools .share-buttons a,
  .news-tools .share-buttons button,
  .news-tools .reading-tools button{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    text-align:center!important;
    padding:0 10px!important;
  }
}