.product-video-preview-box {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  }
  
  .product-video-preview-box video,
  .product-video-preview-box .plyr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/* Change the background (outer circle) of the play button */
.plyr__control--overlaid[data-plyr="play"] {
  background-color: #ffffff;
}

/* Change the icon color inside the play button */
.plyr__control--overlaid[data-plyr="play"] {
  --plyr-video-control-color: #5e5c5c;
}

/* Change the volume icon color */
.plyr__controls__item.plyr__volume .plyr__control svg.icon--pressed,
.plyr__controls__item.plyr__volume .plyr__control svg.icon--not-pressed {
    fill: #ffffff; /* Adjust to your preferred color */
}