.videos-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
.videos-container .features-video-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.videos-container .features-video-grid__video-container {
  position: relative;
  cursor: pointer;
}
.videos-container .features-video-grid__video-container video {
  aspect-ratio: 14/9;
  background: black;
  width: 100%;
}
.videos-container .features-video-grid__action-button {
  position: absolute;
  z-index: 1;
  left: 2rem;
  bottom: 28px;
  width: 104px;
  height: 40px;
  background-color: rgba(31, 31, 36, 0.4);
  border-color: transparent;
  border-radius: 80px;
}
.videos-container .features-video-grid__action-button.play::after, .videos-container .features-video-grid__action-button.pause::after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
}
.videos-container .features-video-grid__action-button.play::after {
  background: url("../../../images/play.svg") no-repeat center;
  background-size: contain;
}
.videos-container .features-video-grid__action-button.pause::after {
  background: url("../../../images/pause.svg") no-repeat center;
  background-size: contain;
}
.videos-container .features-video-grid h2 {
  font-size: 24px;
  margin: 0;
}
.videos-container .features-video-grid p {
  margin: 0;
  font-size: 14px;
}
@media (min-width: 769px) {
  .videos-container {
    grid-template-columns: repeat(var(--video-columns), 1fr);
  }
  .videos-container .features-video-grid__video-container video {
    aspect-ratio: var(--video-ratio, 4/3);
  }
}

.pdp-videos h2, .pdp-videos p {
  padding: 0 16px;
}
@media (min-width: 769px) {
  .pdp-videos.text-center h2, .pdp-videos.text-center p {
    padding: 0 64px;
  }
}
@media (min-width: 769px) {
  .pdp-videos.text-left h2, .pdp-videos.text-left p {
    padding: 0 24px;
  }
}

.videos-container .features-video-grid__action-button.play::after {
  background-image: url("../../../../images/play.svg");
}
.videos-container .features-video-grid__action-button.pause::after {
  background-image: url("../../../../images/pause.svg");
}