@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../webfonts/fa-brands-400.woff2') format('woff2'), url('../webfonts/fa-brands-400.woff') format('woff');
}

.serial-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 15px; background: var(--bg-dark); }
.serial-share__caption { margin-right: 4px; color: var(--tt-dark); font-size: 13px; font-weight: 500; }
.serial-share__btn { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 11px; border: 0; border-radius: 4px; color: #fff; cursor: pointer; font: inherit; font-size: 13px; text-decoration: none; transition: opacity .2s ease, transform .2s ease; }
.serial-share__btn:hover, .serial-share__btn:focus-visible { color: #fff; opacity: .86; transform: translateY(-1px); }
.serial-share__btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.serial-share__icon { font-size: 16px; line-height: 1; }
.serial-share__icon--brand { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }
.serial-share__icon--telegram::before { content: '\f2c6'; }
.serial-share__icon--whatsapp::before { content: '\f232'; }
.serial-share__icon--vk::before { content: '\f189'; }
.serial-share__icon--viber::before { content: '\f409'; }
.serial-share__icon--copy::before { content: '\f0c1'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; }
.serial-share__btn--telegram { background: #229ed9; }
.serial-share__btn--whatsapp { background: #25d366; }
.serial-share__btn--vk { background: #0077ff; }
.serial-share__btn--viber { background: #7360f2; }
.serial-share__btn--copy { width: 34px; min-width: 34px; padding: 0; justify-content: center; background: var(--bg-darkest); }
.serial-share__status { color: var(--tt-dark); font-size: 12px; }
@media (max-width: 520px) { .serial-share__caption { width: 100%; margin-right: 0; } .serial-share__btn { flex: 1 1 calc(50% - 8px); justify-content: center; } }