.video-youtube {
  aspect-ratio: 16/9;
  position: relative;
}
.video-youtube__posterimage {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
}
.video-youtube__posterimage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-youtube__posterimage .s7iconeffect {
  cursor: pointer;
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M16 1.667c7.916 0 14.334 6.417 14.334 14.333S23.916 30.334 16 30.334 1.667 23.916 1.667 16 8.084 1.667 16 1.667m0 2C9.189 3.667 3.667 9.189 3.667 16S9.189 28.334 16 28.334 28.334 22.811 28.334 16 22.811 3.667 16 3.667m-3.667 7.9c0-.875.948-1.42 1.703-.98h.001l7.603 4.435c.75.437.75 1.52 0 1.958l-7.603 4.434a1.134 1.134 0 0 1-1.704-.979zm2 7.359L19.348 16l-5.015-2.926z' fill='black'%3E%3C/path%3E%3C/svg%3E");
}
.video-youtube--play-icon-light .s7iconeffect {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M16 1.667c7.916 0 14.334 6.417 14.334 14.333S23.916 30.334 16 30.334 1.667 23.916 1.667 16 8.084 1.667 16 1.667m0 2C9.189 3.667 3.667 9.189 3.667 16S9.189 28.334 16 28.334 28.334 22.811 28.334 16 22.811 3.667 16 3.667m-3.667 7.9c0-.875.948-1.42 1.703-.98h.001l7.603 4.435c.75.437.75 1.52 0 1.958l-7.603 4.434a1.134 1.134 0 0 1-1.704-.979zm2 7.359L19.348 16l-5.015-2.926z' fill='white'%3E%3C/path%3E%3C/svg%3E");
}
.video-youtube__videoplayer {
  width: 100%;
  height: 100%;
}
.video-youtube__videoplayer iframe {
  width: 100%;
  height: 100%;
}
.video-youtube.video--playing .video-youtube__posterimage {
  display: none;
}
.video-youtube__error-msg {
  color: red;
  font-weight: bold;
}

.page--mode-edit .video-youtube__posterimage {
  width: 30%;
  height: 30%;
  top: 10%;
  right: 10%;
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}