/* Кнопка «Уведомления в Telegram» — как «Подписаться» (.btn темы), но это <a> */

.tg-notify-cta {
    display: inline-block;
    margin: 0 0 0 8px;      /* #8/#9: небольшой отступ от «Подписаться», в одну строку */
    vertical-align: middle;
}

.tg-notify-btn.btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: .4rem .8rem;   /* метрики .btn темы — высота 1:1 с «Подписаться» (pravk04 img_3) */
    line-height: 1.5;
    white-space: nowrap;
    text-decoration: none !important;
    color: #fff !important; /* #10: белый текст, не краснеет на hover (обычный a:hover) */
}
.tg-notify-btn.btn:hover,
.tg-notify-btn.btn:focus {
    color: #fff !important;
    text-decoration: none !important;
}
.tg-notify-btn .tg-notify-ico {
    flex: 0 0 auto;
}

/* В шапке рубрики (.page-header — flex column с gap) кнопка своей строкой,
   строго по левому краю, как «Отписаться» (pravk04 img_2) */
.page-header .tg-notify-cta {
    display: block;
    margin: 0;
    align-self: flex-start;
    text-align: left;
}

/* Мобильные: кнопка своей строкой, по ЛЕВОМУ краю (без сдвига 8px)
   и с чуть большим отступом от «Подписаться» (pravk04 img_1) */
@media (max-width: 600px) {
    .tg-notify-cta {
        display: block;
        margin: 12px 0 0;
        align-self: flex-start;
        text-align: left;
    }
    .page-header .tg-notify-cta {
        margin: 0; /* внутри .page-header отступ даёт gap контейнера */
    }
}