.video-player + .video-player {
  margin-top: var(--wp--preset--spacing--normal);
}
.video-player__player {
  max-width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
}
.video-player__player iframe,
.video-player__player object,
.video-player__player embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-player .video-overlay {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.25s ease-in-out 0.5s;
}
.video-player__meta {
  padding: var(--wp--preset--spacing--normal);
  background: #101820;
}
.video-player__meta h3 {
  font-size: var(--wp--preset--font-size--font-32);
  margin-bottom: 0.5ch;
  color: #fff;
}
.video-player__meta h3.is-style-top-border {
  border-color: #fff;
}
.video-player__meta p {
  font-size: var(--wp--preset--font-size--font-20);
  font-weight: 300;
  color: #fff;
}
.video-player__meta .btn {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  font-size: var(--wp--preset--font-size--font-15);
  gap: 0.5rem;
  margin-top: var(--wp--preset--spacing--m);
  color: #fff;
  transition: color 0.25s ease-in-out;
}
.video-player__meta .btn:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='25' viewBox='0 0 20 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0487 1.54204C18.0996 1.5097 18.1582 1.49161 18.2185 1.48968C18.2787 1.48774 18.3384 1.50203 18.3913 1.53104C18.4441 1.56006 18.4882 1.60274 18.5189 1.65462C18.5496 1.7065 18.5659 1.76569 18.5659 1.82598V23.153C18.5659 23.2133 18.5496 23.2725 18.5189 23.3244C18.4882 23.3763 18.4441 23.4189 18.3913 23.448C18.3384 23.477 18.2787 23.4913 18.2185 23.4893C18.1582 23.4874 18.0996 23.4693 18.0487 23.437L10.3235 18.521V6.458L18.0487 1.54204ZM1.07227 15.432V10.3861C1.07227 10.121 1.12449 9.85849 1.22595 9.61359C1.3274 9.36869 1.47611 9.14617 1.66358 8.95875C1.85105 8.77134 2.0736 8.62268 2.31853 8.52129C2.56345 8.41989 2.82595 8.36773 3.09104 8.3678H7.6325V17.4507H3.09104C2.826 17.4507 2.56355 17.3985 2.31868 17.2971C2.07382 17.1957 1.85132 17.047 1.66391 16.8596C1.28541 16.4811 1.07278 15.9678 1.07278 15.4325L1.07227 15.432Z' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E%0A");
  background-size: 20px;
  background-position: center left;
  background-repeat: no-repeat;
}
.video-player__meta .btn.pause:before {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='25' viewBox='0 0 23 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5659 6.82406V1.82574C18.5659 1.76544 18.5496 1.70626 18.5189 1.65438C18.4882 1.60249 18.4441 1.55981 18.3913 1.5308C18.3384 1.50178 18.2787 1.4875 18.2185 1.48943C18.1582 1.49137 18.0996 1.50945 18.0487 1.5418L10.3235 6.45776V18.5208L18.0487 23.4367C18.0996 23.4691 18.1582 23.4871 18.2185 23.4891C18.2787 23.491 18.3384 23.4767 18.3913 23.4477C18.4441 23.4187 18.4882 23.376 18.5189 23.3241C18.5496 23.2723 18.5659 23.2131 18.5659 23.1528V18.7485M1.07227 15.4317V10.3858C1.07227 10.1207 1.12449 9.85825 1.22595 9.61335C1.3274 9.36845 1.47611 9.14593 1.66358 8.95851C1.85105 8.77109 2.0736 8.62244 2.31853 8.52104C2.56345 8.41965 2.82595 8.36749 3.09104 8.36756H7.6325V17.4505H3.09104C2.82599 17.4505 2.56355 17.3983 2.31868 17.2969C2.07382 17.1954 1.85132 17.0468 1.66391 16.8594C1.28541 16.4809 1.07227 15.967 1.07227 15.4317Z' stroke='white' stroke-width='1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.2655 9.30078C22.4534 9.09847 22.4418 8.78211 22.2395 8.59415C22.0372 8.40619 21.7208 8.41782 21.5329 8.62012L18.4079 11.9836L15.0447 8.8588C14.8424 8.67084 14.526 8.68247 14.338 8.88477C14.1501 9.08708 14.1617 9.40345 14.364 9.5914L17.7273 12.7162L14.6025 16.0795C14.4145 16.2818 14.4262 16.5981 14.6285 16.7861C14.8308 16.9741 15.1471 16.9624 15.3351 16.7601L18.4599 13.3968L21.8234 16.5218C22.0257 16.7097 22.342 16.6981 22.53 16.4958C22.718 16.2935 22.7063 15.9771 22.504 15.7892L19.1406 12.6642L22.2655 9.30078Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 23.5px;
}
.video-player__meta .btn:hover, .video-player__meta .btn:active, .video-player__meta .btn:focus {
  color: #C8C5DB;
}
.video-player.playing .video-overlay {
  opacity: 0;
  z-index: -1;
}
.video-player.playing .play {
  display: none;
}
@media (min-width: 782px) {
  .video-player {
    position: relative;
  }
  .video-player .video-player__meta {
    display: flex;
    flex-direction: column;
    width: 50%;
    background: rgba(16, 24, 32, 0.85);
    backdrop-filter: blur(15px);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.25s ease-in-out;
  }
  .video-player .video-player__meta .btn {
    margin-top: auto;
  }
  .video-player.playing .video-player__meta {
    opacity: 0;
    z-index: -1;
  }
}