.video-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.video-block .plyr {
  width: 100%;
}

.video-block .plyr__video-wrapper {
  aspect-ratio: 16 / 9;
  width: 100%;
  background: #000;
  min-height: 1px;
}

.video-variants {
  flex: 0 0 auto;
  margin-top: 2em;
  text-align: center;
}

.variant-btn {
  border-radius: 50px;
  width: 100px;
  height: 50px;
  color: #fff;
  border: 2px #fff;
}

.variant-btn[aria-pressed="true"] {
  border: 3px solid rgba(255, 166, 0, .87);
}

.variant-btn#btn-red {
  background-color: #51261c;
}

.variant-btn#btn-blue {
  background-color: #353da8;
}


.variant-btn#btn-green {
  background-color: #459238;
}


.variant-btn#btn-pink {
  background-color: #d81b60;
}

.variant-btn#btn-original {
  background-color: #4c4c4c;
}

.row.center{
  display: flex;
  justify-content: center;
}

p{
  color: #fff;
  margin: 1em auto;
}