/* Video modal — preview clip + centered play control. */

.video-modal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  video,
  img {
    display: block;
    max-width: 100%;
  }
}

.btn-play {
  position: absolute;
  aspect-ratio: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 80px;
  color: var(--color-on-primary);
  background: var(--color-brand-1);
  text-decoration: none;

  i {
    margin: 0 -0.25em 0 0;
  }
}