/*
 * TTC Share Widget Styles
 *
 * Usage:
 * 1) Add this stylesheet to the page:
 *    <link rel="stylesheet" href="https://www.theteacherscorner.net/includes/css/ttc-share-widget.css">
 * 2) Wrap sharing links in:
 *    <div id="ttc-share-widget" class="ttc-share-widget"> ... </div>
 * 3) Add per-network classes on each link (facebook, x, linkedin, reddit, whatsapp, telegram, copy, email).
 */
.ttc-share-widget{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 0 10px}
.ttc-share-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#fff;text-decoration:none;opacity:.9;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}
.ttc-share-btn:hover,.ttc-share-btn:focus{opacity:1;transform:translateY(-5px);text-decoration:none;color:#fff}
.ttc-share-btn:focus-visible{outline:2px solid #000;outline-offset:2px}
.ttc-share-btn i{font-size:19px;line-height:1}
.ttc-share-btn .ttc-share-icon{width:26px;height:26px;display:block}
.ttc-share-btn.facebook{background:#1877f2}
.ttc-share-btn.x{background:#4a4a4a}
.ttc-share-btn.linkedin{background:#0a66c2}
.ttc-share-btn.reddit{background:#ff5700}
.ttc-share-btn.whatsapp{background:#25d366}
.ttc-share-btn.telegram{background:#229ed9}
.ttc-share-btn.copy{background:#6b7280}
.ttc-share-btn.email{background:#e2be25}