.bold{
  font-weight: bold !important;
}

.kuning{
  color: #fff32b !important;
}

.bg-kuning{
  background-color: #fff32b !important;
}

.bg-kuning:hover{
  font-weight: bold !important;
}

.bg-outline-kuning{
  border: 1px solid #fff32b !important;
}

.bg-outline-kuning:hover{
   background-color: #fff32b !important;
}

.bg-video{
  background-color: white !important;
}

.bg-video:hover{
  box-shadow: 2px 2px 10px #fff32b !important;
}

.previous{
  background-color: #fff32b !important;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 31%;
}

.previous:hover{
  background-color: #fff32b !important;
  box-shadow: 2px 2px 10px lightgray !important;
  font-weight: bold;
}

.control{
  background-color: #fff32b !important;
  width: 31%;
}

.control:hover{
  background-color: #fff32b !important;
  box-shadow: 2px 2px 10px lightgray !important;
  font-weight: bold;
}

.next{
  background-color: #fff32b !important;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 31%;
}

.next:hover{
  background-color: #fff32b !important;
  box-shadow: 2px 2px 10px lightgray !important;
  font-weight: bold;
}