/* Кнопка «Следующая серия» внутри контейнера плеера, доступная и в полном экране. */
.next-episode {
  position: absolute;
  right: max(16px, env(safe-area-inset-right));
  /* Положение не зависит от видимости панели: иначе кнопка уезжала бы из-под курсора при его движении. */
  bottom: max(110px, calc(96px + env(safe-area-inset-bottom)));
  z-index: 11;
  display: flex;
  align-items: stretch;
  gap: 2px;
  max-width: calc(100% - 32px);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .6);
}
.next-episode.hidden { display: none; }
.next-episode__play,
.next-episode__dismiss {
  border: 0;
  color: #fff;
  font: inherit;
  cursor: pointer;
}
.next-episode__play {
  display: grid;
  gap: 2px;
  min-height: 52px;
  padding: 9px 18px;
  text-align: left;
  background: rgba(255, 85, 0, .94);
}
.next-episode__play:hover { background: #ff6a1f; }
.next-episode__title { font-size: 15px; font-weight: 700; }
.next-episode__target { font-size: 12px; opacity: .9; }
.next-episode__dismiss {
  min-width: 44px;
  font-size: 22px;
  line-height: 1;
  background: rgba(20, 20, 24, .9);
}
.next-episode__dismiss:hover { background: rgba(60, 60, 66, .95); }
.next-episode__play:focus-visible,
.next-episode__dismiss:focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
@media (max-width: 600px) {
  .next-episode__play { min-height: 46px; padding: 7px 12px; }
  .next-episode__title { font-size: 13px; }
}