.btn-unduh{
  width: 200px;
  min-height: 60px;
  background: url('../img/static/bg-button-modul.png') no-repeat;
  background-size: 100% 100%;
  border: none;
  color: white;
  font-size: 25px;
  font-weight: 600;
  color: var(--purple);
}
.bg-badge-green {
  background: url("../img/static/bg-badge-green.png") no-repeat left center;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.bg-badge-green.active {
  background: url("../img/static/bg-badge-yellow.png") no-repeat left center;
  background-size: cover;
}

.btn-icon-close{
  width: 40px;
  height: 40px;
}

.rbl-text-kuis-sm{
  font-size: 65px;
}

.title-kuis{
  font-size: 60px;
  letter-spacing: 12px;
}

.rbl-title-kuis{
  font-size: 90px;
}

.rbl-text-choice{
  font-size: 35px;
}

.mt-n-title{
  margin-top: -18px;
  padding-right: 10px;
}

.tampil-nilai{
  width: 100%;
  text-align: center;
}
.div-result-cobalagi{
  font-size: 25px;
  top: 55%;
  left: 0.5vw;
}

.div-result-lumayan{
  font-size: 35px;
  top: 70%;
  left: 0.5vw;
}

.div-result-keren{
  font-size: 30px;
  top: 63%;
  left: 2vw;
}

.fs-48px{
  font-size: 48px;
}

.px-12px{
  padding-left: 12px;
  padding-right: 12px;
}

.rbl-txt-bagikan{
  font-size: 100px;
}


.div-link {
  background: white;
  padding: 6px 16px;
  white-space: nowrap;
  overflow-x: auto;
  font-size: 22px;
  font-weight: 500;
}

.btn-copy {
  height: 115px;
  margin-left: -20px;
  margin-top: 4px;
  cursor: pointer;
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .title-kuis{
   font-size: 55px; 
  }
  .rbl-title-kuis{
    font-size: 70px;
    line-height: 0.8 !important;
  }

}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .title-kuis{
   font-size: 50px; 
  }
  .rbl-title-kuis{
    font-size: 50px;
    line-height: 0.8 !important;
  }
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .title-kuis{
   font-size: 45px; 
  }
  .rbl-title-kuis{
    font-size: 45px;
    line-height: 0.8 !important;
  }
  .rbl-txt-bagikan{
    font-size: 80px;
  }
}