.plyr__controls .plyr__controls__item:first-child {
  color: var(--color-plyr);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  transition: all ease-in-out 0.3s;
}

.plyr__controls .plyr__controls__item:first-child:hover {
  background-color: white;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  color: var(--color-share);
  background: var(--color-text);
}

.plyr__controls__item:first-child:hover {
  transform: scale(1.2);
  color: red;
}

.plyr__control svg {
  margin: auto;
}

.plyr--full-ui input[type=range] {
  color: red;
  cursor: pointer;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: black;
}

.plyr__control--overlaid {
  background: black;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: black;
  /*border-radius: 50%;*/
}

.plyr--video {
  margin: auto;
  height: 100%;
}