.ln-video-item--hidden {
  display: none !important;
}

.ln-video-item--revealed {
  animation: ln-video-reveal .45s ease both;
}

.ln-video-more {
  box-sizing: border-box;
  margin: 0 auto;
  padding: clamp(26px, 2.8vw, 34px) 0 clamp(32px, 7.5vw, 96px);
  width: min(var(--ln-content-width), calc(100% - var(--ln-page-gutter-pair)));
}

.ln-video-more__button {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 1px solid #040601;
  box-sizing: border-box;
  color: #040601;
  cursor: pointer;
  display: inline-flex;
  font: 500 12px/1 'Raleway', Arial, sans-serif;
  gap: 12px;
  letter-spacing: .06em;
  min-height: var(--ln-control-height);
  padding: 15px 20px;
  text-transform: uppercase;
}

.ln-video-more__button:hover {
  background: #040601;
  color: #f9f9f9;
}

.ln-video-more__button svg {
  height: 14px;
  width: 14px;
}

@keyframes ln-video-reveal {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 639px) {
  .ln-video-more {
    margin: 0 auto;
    margin-left: var(--ln-mobile-gutter);
    margin-right: var(--ln-mobile-gutter);
    max-width: none;
    padding: 26px 0 32px;
    width: auto;
  }

  .ln-video-more__button {
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
  }

  .ln-progressive-video-record + .r[data-record-type="396"] {
    margin-top: -72px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ln-video-item--revealed { animation: none; }
}