/* Keep the legacy membership widget within the video's layer, below header/menu. */
.single-video .video-actions .wegot-save-widget {
    z-index: 1;
}

/* Target the widget's stable attribute, including older markup without action-pill. */
.single-video .video-actions [data-wegot-save-toggle] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 92px;
    height: 50px;
    min-height: 50px;
    gap: 8px;
    margin: 0;
    padding: 0 16px;
    border: 0;
    border-radius: 28px;
    font: inherit;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none;
}
.single-video .video-actions [data-wegot-save-toggle]:not(.is-saved),
.single-video .video-actions [data-wegot-save-toggle]:not(.is-saved):hover,
.single-video .video-actions [data-wegot-save-toggle]:not(.is-saved):focus,
.single-video .video-actions [data-wegot-save-toggle]:not(.is-saved):active {
    background: var(--color-pill) !important;
    color: var(--color-main) !important;
    box-shadow: none;
}
.single-video .video-actions [data-wegot-save-toggle].is-saved,
.single-video .video-actions [data-wegot-save-toggle].is-saved:hover,
.single-video .video-actions [data-wegot-save-toggle].is-saved:focus,
.single-video .video-actions [data-wegot-save-toggle].is-saved:active {
    background: var(--color-active) !important;
    color: #fff !important;
    box-shadow: none;
}
.single-video .video-actions [data-wegot-save-toggle]:focus-visible {
    outline: 2px solid var(--color-active);
    outline-offset: 3px;
}