@keyframes watchPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.watch-online-button{--wob-neutral:color-mix(in srgb, var(--ds-text-muted), var(--ds-black) 45%);--wob-neutral-deep:color-mix(in srgb, var(--ds-text-muted), var(--ds-black) 60%);border-radius:var(--ds-radius-md);-webkit-backdrop-filter:var(--ds-glass-blur-sm);backdrop-filter:var(--ds-glass-blur-sm);justify-content:center;align-items:center;gap:var(--ds-space-2);cursor:pointer;transition:background var(--ds-transition-smooth), color var(--ds-transition-smooth), border-color var(--ds-transition-smooth), transform var(--ds-transition-smooth);background:var(--ds-btn-bg);border:var(--ds-border-width) solid var(--ds-btn-bg);color:var(--ds-btn-fg);font-weight:var(--ds-font-weight-bold);font-size:var(--ds-font-md);padding:0 var(--ds-space-4);white-space:nowrap;width:100%;height:48px;text-decoration:none;display:flex}.watch-online-button>svg{flex-shrink:0}@media (hover:hover){.watch-online-button:not(.watch-online-button--announced):hover:not(:disabled){background:var(--ds-btn-bg-hover);border-color:var(--ds-btn-bg-hover)}}.watch-online-button:not(.watch-online-button--announced):active:not(:disabled){animation:watchPulse .3s var(--ds-ease-emphasized)}.watch-online-button:disabled{opacity:.4;cursor:not-allowed;background:var(--ds-btn-neutral-bg);border-color:var(--ds-btn-neutral-border);color:var(--ds-text-muted)}.watch-online-button--announced{background:linear-gradient(135deg, color-mix(in srgb, var(--wob-neutral) 85%, transparent), color-mix(in srgb, var(--wob-neutral-deep) 85%, transparent));border:var(--ds-border-width) solid color-mix(in srgb, var(--wob-neutral) 70%, transparent);color:var(--ds-text-primary)}@media (hover:hover){.watch-online-button--announced:hover:not(:disabled){background:linear-gradient(135deg, color-mix(in srgb, var(--wob-neutral-deep) 95%, transparent), color-mix(in srgb, var(--ds-bg-main) 95%, transparent));border-color:color-mix(in srgb, var(--wob-neutral-deep) 90%, transparent)}}@media (prefers-reduced-motion:reduce){.watch-online-button{transition:none}.watch-online-button:not(.watch-online-button--announced):active:not(:disabled){animation:none}}