.video-card .card-body {
  bottom: calc(136px + var(--safe-bottom));
}

.video-card .side-actions {
  bottom: calc(154px + var(--safe-bottom));
}

.video-card > .cta-dock {
  position: absolute;
  z-index: 8;
  left: 14px;
  right: 14px;
  bottom: calc(72px + var(--safe-bottom));
  width: auto;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  text-shadow: none;
  box-shadow: 0 10px 32px rgba(0,0,0,.42);
  border: 1px solid rgba(255,255,255,.14);
}

.video-card > .cta-dock.disabled {
  background: rgba(35,35,42,.88);
  color: #aaaab3;
  border-color: rgba(255,255,255,.1);
  pointer-events: none;
}

@media (min-width: 720px) {
  .video-card > .cta-dock {
    left: 16px;
    right: 16px;
  }
}