/* Universal breakpoints */
.video-preview {
  display: flex;
  width: 100%;
  position: relative;
  background-size: cover;
  border-radius: 8px;
}
.video-preview button {
  padding: 10px;
  position: absolute;
}
.video-preview button:focus {
  position: absolute;
  z-index: 10;
}
.video-preview button span {
  display: block;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
  overflow: hidden;
  background: radial-gradient(circle, rgba(114, 115, 119, 0.329569) 0%, rgba(114, 115, 119, 0) 100%, rgba(114, 115, 119, 0.2) 100%);
  box-shadow: 0 0 10px #727377;
}
.video-preview button span img {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
  overflow: hidden;
}