/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2026 | 05:56:18 */
/* CSS para os botões de compartilhamento (leve e responsivo) */
.obracodobra-social-share {
  margin: 36px 0 8px;
  padding: 18px;
  border-radius: 12px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(199,123,240,0.06);
}

.obracodobra-social-share .share-label {
  color: #efe7f3;
  font-weight: 700;
  margin-bottom: 12px;
}

.share-buttons-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.s-btn {
  flex: 1;
  min-width: 110px;
  padding: 9px 12px;
  border-radius: 8px;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  transition: transform .15s ease, box-shadow .15s ease;
}

/* cores (troque para #c77bf0 se preferir o roxo do site) */
.s-wa  { background: #25d366; color: #000 !important; }
.s-fb  { background: #3b5998; }
.s-x   { background: #111111; }
.s-in  { background: #0077b5; }

.s-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.25); }

/* Mobile: dois por linha */
@media (max-width: 600px) {
  .s-btn { flex: 1 1 45%; }
  .obracodobra-social-share { padding: 12px; }
}