.custom-video-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Wrapper around video and buttons */
.video-wrapper {
  position: relative;
  display: inline-block;
}

.custom-video-block video {
  display: block; 
  outline: none;
}

/* Remove outline when focused */
.custom-video-block video:focus {
  outline: none !important;
}

/* Buttons styling */
.video-wrapper button {
  position: absolute;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  z-index: 10;
}

/* Center big play button exactly on video */
.btn-play-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  display: block;
  padding: 0;
}

/* Play/pause top left shifted inward by 18px */
.btn-toggle-play-top-left {
  top: 28px;
  left: 28px;
  display: none;
  padding: 0;
  width: 22px;
  height: 22px;
  box-sizing: content-box;
}

.btn-toggle-play-top-left img {
  width: 22px;
  height: 22px;
  display: block;
}

/* Mute/unmute next to play/pause shifted inward by 18px */
.btn-toggle-mute-top-left {
  top: 28px;
  left: 68px; 
  display: none;
  padding: 0;
  width: 22px;
  height: 22px;
  box-sizing: content-box;
}

.btn-toggle-mute-top-left img {
  width: 22px;
  height: 22px;
  display: block;
}