/* ============================================
   WATCH ACTION BUTTONS — tonal pills
   Shared system: tokens.css + buttons.css
   Embed modal layout: redesign.css
   ============================================ */
.watch-embed-toggle-btn,
.favorite-btn-large,
.back-btn-small {
    min-height: var(--btn-h);
    height: var(--btn-h);
    padding: 0 var(--btn-pad-x);
    background: var(--btn-tonal-bg);
    color: var(--btn-tonal-fg);
    font-size: var(--btn-fs);
}

.watch-embed-toggle-btn:hover,
.favorite-btn-large:hover,
.back-btn-small:hover {
    background: var(--btn-tonal-bg-hover);
    color: #fff;
}

.watch-embed-toggle-btn.active,
.favorite-btn-large.active {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-fg);
}

.watch-embed-toggle-btn.active:hover,
.favorite-btn-large.active:hover {
    background: var(--btn-primary-bg-hover);
    color: var(--btn-primary-fg);
}

.watch-embed-toggle-btn i,
.watch-embed-toggle-btn .ph,
.favorite-btn-large i,
.favorite-btn-large .ph,
.back-btn-small i,
.back-btn-small .ph {
    font-size: 1.05rem;
    line-height: 1;
}