.round-btn__bg, .btn::before {
  -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.round-btn__hover-bg, .btn::after {
  -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.round-btn, .btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  z-index: 1;
}

.btn {
  padding: 0 24px;
  height: 52px;
  border-radius: 26px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 120%;
  padding-bottom: 120%;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translateZ(0) translate(-50%, 50%) scale(0);
          transform: translateZ(0) translate(-50%, 50%) scale(0);
}
.btn:hover::before {
  opacity: 0;
}
.btn:hover::after {
  -webkit-transform: translateZ(0) translate(-50%, 50%) scale(1);
          transform: translateZ(0) translate(-50%, 50%) scale(1);
}
.btn[disabled] {
  opacity: 0.8;
  pointer-events: none;
}

.btn--wide {
  min-width: 250px;
}

.btn--small {
  height: 40px;
  border-radius: 20px;
  text-transform: initial;
}
@media (max-width: 767.98px) {
  .btn--small {
    height: 30px;
    padding: 0 10px;
    font-size: 14px;
  }
}

.btn--squared {
  border-radius: 8px;
}

.quiz-hero__panel-submit-btn, .btn--blue {
  color: #fff;
}
.quiz-hero__panel-submit-btn::before, .btn--blue::before {
  background-color: #4221B8;
}
.quiz-hero__panel-submit-btn::after, .btn--blue::after {
  background-color: #FFE606;
}
.quiz-hero__panel-submit-btn:hover, .btn--blue:hover {
  color: #4221B8;
}

.btn--white {
  color: #210A74;
}
.btn--white::before {
  background-color: #fff;
}
.btn--white::after {
  background-color: #FFE606;
}

.btn--violet {
  color: #fff;
}
.btn--violet::before {
  background-color: #6D46FC;
}
.btn--violet::after {
  background-color: #4221B8;
}
.btn--violet:hover {
  color: #fff;
}

.quiz-hero__gender-btn, .quiz-hero__age-btn, .btn--blue.btn--outline {
  color: #4221B8;
  border: 1px solid #4221B8;
}
.quiz-hero__gender-btn::before, .quiz-hero__age-btn::before, .btn--blue.btn--outline::before {
  background-color: transparent;
}
.quiz-hero__gender-btn::after, .quiz-hero__age-btn::after, .btn--blue.btn--outline::after {
  background-color: #4221B8;
}
.quiz-hero__gender-btn:hover, .quiz-hero__age-btn:hover, .btn--blue.btn--outline:hover {
  color: #fff;
}

.btn--yellow {
  color: #4221B8;
}
.btn--yellow::before {
  background-color: #FFE606;
}
.btn--yellow::after {
  background-color: #4221B8;
}
.btn--yellow:hover {
  color: #fff;
}

.btn--dark-blue {
  color: #fff;
}
.btn--dark-blue::before {
  background-color: #210A74;
}
.btn--dark-blue::after {
  background-color: #FFE606;
}
.btn--dark-blue:hover {
  color: #210A74;
}

.btn--green {
  color: #2C2A33;
}
.btn--green::before {
  background-color: #79FD7F;
}
.btn--green::after {
  background-color: #FFE606;
}
.btn--green:hover {
  color: #4221B8;
}

.btn__text {
  position: relative;
  text-align: center;
  z-index: 1;
}

.round-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.round-btn--small {
  width: 32px;
  height: 32px;
}

.round-btn__bg,
.round-btn__hover-bg,
.round-btn__icon {
  pointer-events: none;
}

.round-btn__bg,
.round-btn__hover-bg {
  display: block;
  width: 100%;
  height: 100%;
}

.round-btn:hover .round-btn__bg {
  opacity: 0;
}
.round-btn--blue .round-btn__bg {
  color: #4221B8;
}
.round-btn--dark-blue .round-btn__bg {
  color: #210A74;
}
.round-btn--yellow .round-btn__bg {
  color: #FFE606;
}
.round-btn--white .round-btn__bg {
  color: #fff;
}

.round-btn__hover-bg {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateZ(0) scale(0);
          transform: translateZ(0) scale(0);
}
.round-btn:hover .round-btn__hover-bg {
  -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
}
.round-btn--blue .round-btn__hover-bg {
  color: #FFE606;
}
.round-btn--dark-blue .round-btn__hover-bg {
  color: #FFE606;
}
.round-btn--yellow .round-btn__hover-bg {
  color: #4221B8;
}
.round-btn--white .round-btn__hover-bg {
  color: #210A74;
}

.round-btn__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
}
.round-btn--blue .round-btn__icon {
  color: #fff;
}
.round-btn--blue:hover .round-btn__icon {
  color: #4221B8;
}
.round-btn--dark-blue .round-btn__icon {
  color: #fff;
}
.round-btn--dark-blue:hover .round-btn__icon {
  color: #210A74;
}
.round-btn--yellow .round-btn__icon {
  color: #4221B8;
}
.round-btn--yellow:hover .round-btn__icon {
  color: #FFE606;
}
.round-btn--white .round-btn__icon {
  color: #4221B8;
}
.round-btn--white:hover .round-btn__icon {
  color: #fff;
}

.round-btn__icon--arrow-left,
.round-btn__icon--arrow-right {
  width: 14px;
  height: 14px;
}

.round-btn__icon--arrow-right {
  -webkit-transform: scaleX(-1) translate(50%, -50%);
      -ms-transform: scaleX(-1) translate(50%, -50%);
          transform: scaleX(-1) translate(50%, -50%);
}

.round-btn__icon--play {
  width: 10px;
  height: 12px;
}

.round-btn__icon--plus {
  width: 24px;
  height: 24px;
}
.round-btn--small .round-btn__icon--plus {
  width: 14px;
  height: 14px;
}

.video-btn {
  width: 82px;
  height: 46px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (max-width: 767.98px) {
  .video-btn {
    width: 38px;
    height: 24px;
    margin-left: -15px;
    margin-top: -7px;
    border-radius: 4px;
  }
}
.video-btn:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.video-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: cdnImagePath("/speaking_groups/icons/play.svg");
  background-size: cover;
}
@media (max-width: 767.98px) {
  .video-btn::before {
    width: 14px;
    height: 14px;
  }
}

.video-btn--centered {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.video-btn--centered:hover {
  -webkit-transform: scale(1.1) translate(-45%, -45%);
      -ms-transform: scale(1.1) translate(-45%, -45%);
          transform: scale(1.1) translate(-45%, -45%);
}

.video-btn--small {
  width: 55px;
  height: 31px;
  border-radius: 8px;
}
.video-btn--small::before {
  width: 20px;
  height: 20px;
}

.quiz-hero {
  position: relative;
  padding: 168px 0 76px;
  overflow: hidden;
  -webkit-transition: padding-top 0.3s ease-in-out;
  -o-transition: padding-top 0.3s ease-in-out;
  transition: padding-top 0.3s ease-in-out;
  z-index: 1;
}
@media (max-width: 1279.98px) {
  .quiz-hero {
    padding-top: 158px;
  }
}
@media (max-width: 959.98px) {
  .quiz-hero {
    padding-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero {
    padding: 128px 0 20px;
    overflow: hidden;
    z-index: 0;
  }
}

.quiz-hero--slider {
  padding: 0;
}
@media (max-width: 1279.98px) {
  .quiz-hero--slider {
    padding: 0;
  }
}
@media (max-width: 959.98px) {
  .quiz-hero--slider {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero--slider {
    padding: 0;
  }
}

.quiz-hero__slide {
  padding: 168px 0 76px;
}
@media (max-width: 1279.98px) {
  .quiz-hero__slide {
    padding-top: 158px;
  }
}
@media (max-width: 959.98px) {
  .quiz-hero__slide {
    padding-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__slide {
    padding: 128px 0 20px;
  }
}

.quiz-hero__content {
  position: relative;
  max-width: 650px;
  min-height: 514px;
  color: #fff;
  z-index: 1;
}
.quiz-hero__slide--appSlide .quiz-hero__content {
  max-width: 440px;
}
@media (max-width: 959.98px) {
  .quiz-hero__slide--appSlide .quiz-hero__content {
    margin: 0 auto 26px;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__slide--appSlide .quiz-hero__content {
    margin-bottom: 16px;
  }
}
@media (max-width: 1279.98px) {
  .quiz-hero__content {
    max-width: 540px;
  }
}
@media (max-width: 959.98px) {
  .quiz-hero__content {
    max-width: 100%;
    margin-bottom: 60px;
    text-align: center;
    min-height: auto;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__content {
    margin-bottom: 0;
  }
}

.quiz-hero__top-title {
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #A2FFA6;
}
@media (max-width: 1279.98px) {
  .quiz-hero__top-title {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__top-title {
    margin-bottom: 14px;
  }
}
.latam .quiz-hero__top-title {
  text-transform: initial;
}

.quiz-hero__title {
  margin: 0 0 14px;
  font-size: 54px;
  line-height: 66px;
  font-weight: 700;
}
@media (max-width: 1279.98px) {
  .quiz-hero__title {
    font-size: 48px;
    line-height: 54px;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__title {
    margin-bottom: 14px;
    font-size: 34px;
    line-height: 42px;
  }
}
.quiz-hero__title span:not([class]) {
  color: #A2FFA6;
}

.quiz-hero__sub-title {
  margin: 0 0 34px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.quiz-hero__slide--appSlide .quiz-hero__sub-title {
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .quiz-hero__slide--appSlide .quiz-hero__sub-title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__sub-title {
    margin-bottom: 24px;
  }
}

@media (max-width: 767.98px) {
  .quiz-hero--slider .quiz-hero__title,
  .quiz-hero--slider .quiz-hero__sub-title,
  .quiz-hero--slider .quiz-hero__top-title {
    padding: 0 28px;
  }
}

.quiz-hero__graphic {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
.direction-rtl .quiz-hero__graphic {
  left: unset;
  right: 50%;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 959.98px) {
  .quiz-hero__graphic {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    left: unset;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .direction-rtl .quiz-hero__graphic {
    right: unset;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__graphic {
    margin-bottom: -72px;
    padding-top: 24px;
  }
  .quiz-hero__slide--appSlide .quiz-hero__graphic {
    margin-bottom: 0;
  }
}

.quiz-hero__graphic--ARAB .quiz-hero__img, .quiz-hero__graphic--SA .quiz-hero__img, .quiz-hero__graphic--AE .quiz-hero__img {
  top: 100px;
}
@media (max-width: 767.98px) {
  .quiz-hero__graphic--ARAB .quiz-hero__img, .quiz-hero__graphic--SA .quiz-hero__img, .quiz-hero__graphic--AE .quiz-hero__img {
    left: 16px;
    top: -40px;
  }
}

.quiz-hero__img {
  position: absolute;
  display: block;
  height: auto;
  top: 202px;
  left: 50px;
}
.quiz-hero__slide--appSlide .quiz-hero__img {
  top: 138px;
  left: -102px;
}
.direction-rtl .quiz-hero__slide--appSlide .quiz-hero__img {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 1279.98px) {
  .quiz-hero__slide--appSlide .quiz-hero__img {
    width: 636px;
    left: -80px;
  }
}
@media (max-width: 959.98px) {
  .quiz-hero__slide--appSlide .quiz-hero__img {
    width: 842px;
    top: auto;
    left: 40px;
    margin: 0 auto;
  }
  .direction-rtl .quiz-hero__slide--appSlide .quiz-hero__img {
    left: unset;
    right: 40px;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__slide--appSlide .quiz-hero__img {
    max-width: 374px;
    left: 0;
  }
  .direction-rtl .quiz-hero__slide--appSlide .quiz-hero__img {
    right: 0;
  }
}
@media (max-width: 1279.98px) {
  .quiz-hero__img {
    width: 550px;
    top: 184px;
    left: 44px;
  }
}
@media (max-width: 959.98px) {
  .quiz-hero__img {
    position: relative;
    top: auto;
    left: 76px;
    margin: 0 auto;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__img {
    width: 410px;
    left: 54px;
  }
}

.quiz-hero__panel {
  max-width: 460px;
  padding: 32px 24px;
  background-color: #fff;
  border-radius: 30px;
  color: #000;
}
@media (max-width: 959.98px) {
  .quiz-hero__panel {
    margin: 0 auto;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__panel {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.quiz-hero__panel-title {
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

.quiz-hero__ages-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 340px;
  margin: -8px auto;
  font-size: 16px;
  line-height: 20px;
}
html[lang=he] .quiz-hero__ages-list {
  direction: ltr;
}

.quiz-hero__age-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 54px;
  height: 54px;
  margin: 7px;
  padding: 0;
  font-weight: 800;
  border-radius: 50%;
}
.quiz-hero__age-btn .btn__text {
  color: #000;
}
@media (max-width: 767.98px) {
  .quiz-hero__age-btn {
    width: 47px;
    height: 47px;
    margin: 7px 4px;
  }
}
.quiz-hero__age-btn::after {
  width: 260%;
  padding-bottom: 260%;
}
.quiz-hero__age-btn:hover .btn__text {
  color: #fff;
}

.quiz-hero__panel-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  margin-bottom: 16px;
  padding: 8px;
  border: 1px solid #4221B8;
  border-radius: 8px;
  outline: none;
}
.quiz-hero__panel-input:active {
  border-color: #4221B8;
}

.quiz-hero__panel-switchers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px;
}

.quiz-hero__gender-btn {
  width: calc(50% - 8px);
  height: 42px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.quiz-hero__gender-btn .btn__text {
  color: #000;
}
.quiz-hero__gender-btn:hover .btn__text {
  color: #fff;
}

.btn.quiz-hero__gender-btn--active::before {
  background-color: #4221B8;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.btn.quiz-hero__gender-btn--active:hover::before {
  opacity: 1;
}
.btn.quiz-hero__gender-btn--active::after {
  display: none;
}
.btn.quiz-hero__gender-btn--active .btn__text {
  color: #fff;
}

.quiz-hero__gender-icon {
  position: relative;
  margin-right: 8px;
  z-index: 1;
}
.direction-rtl .quiz-hero__gender-icon {
  margin-right: unset;
  margin-left: 8px;
}

.quiz-hero__panel-submit-btn {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
}
.quiz-hero__panel-submit-btn[disabled]::before {
  background-color: #C6C6C6;
}

.quiz-hero__panel-submit-btn-arrow-icon {
  display: none;
}

.quiz-hero__hidden-age {
  display: none;
}

.quiz-hero__expand-age-btn {
  font-weight: 400;
  text-transform: lowercase;
}
.quiz-hero__expand-age-btn .btn__text {
  color: #4221B8;
}

.quiz-hero__age__under4 {
  color: #4221B8;
  margin: 20px auto 0 auto;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.rebranded-hero .quiz-hero__age__under4 {
  color: #fff;
  margin: 20px 0 0 0;
  display: inline-block;
  text-decoration: underline;
}
.rebranded-hero .quiz-hero__age__under4:hover {
  color: #A2FFA6;
  text-decoration: unset;
}

.quiz-hero__slide {
  position: relative;
}

.quiz-hero__btn {
  min-width: 180px;
}
@media (max-width: 767.98px) {
  .quiz-hero__btn {
    position: relative;
    min-width: 320px;
  }
}
.quiz-hero__btn:hover {
  color: #4221B8;
}
.quiz-hero__btn::after {
  background-color: #79FD7F;
}

.quiz-hero__controls-block {
  position: relative;
}

.quiz-hero__controls {
  position: absolute;
  width: calc(100% + 198px);
  top: 260px;
  left: -94px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1279.98px) {
  .quiz-hero__controls {
    width: calc(100% + 120px);
    top: 260px;
    left: -60px;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__controls {
    width: calc(100% + 44px);
    top: 184px;
    left: -22px;
  }
}
.quiz-hero__controls .slider-controls__arrow {
  width: 46px;
  height: 46px;
}
.quiz-hero__controls .slider-controls__arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 17px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%232C2A33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  z-index: 2;
}
.quiz-hero__controls .slider-controls__arrow--prev::before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-top: -4px;
  margin-left: -10px;
}
.quiz-hero__controls .slider-controls__arrow--next::before {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-top: -4px;
  margin-left: -6px;
}
.quiz-hero__controls .round-btn__bg {
  color: rgba(33, 10, 116, 0.5);
}
body:not(.no-touch) .quiz-hero__controls .slider-controls__arrow:hover .round-btn__bg {
  opacity: 1;
}
.quiz-hero__controls .round-btn__hover-bg {
  display: none;
}
.no-touch .quiz-hero__controls .round-btn__hover-bg {
  display: block;
}
.quiz-hero__controls .round-btn__hover-bg {
  color: #FFE606;
}
.quiz-hero__controls .round-btn__icon {
  display: none;
}

.rebranded-hero__content .watch-online-lesson-button-wrapper {
  max-width: 400px;
}
@media (max-width: 959.98px) {
  .rebranded-hero__content .watch-online-lesson-button-wrapper {
    max-width: 320px;
  }
}

.watch-online-lesson-button-wrapper {
  max-width: 460px;
  margin: 24px 0 0 0;
}
.watch-online-lesson-button-wrapper button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  width: 100%;
  background: #FFE60A;
  border-radius: 90px;
  padding: 18px 15px 16px 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.watch-online-lesson-button-wrapper button:hover {
  -webkit-box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.5);
}
.watch-online-lesson-button-wrapper button:hover span {
  color: #E1F3FE;
}
.watch-online-lesson-button-wrapper .dotBlinking {
  width: 10px;
  height: 10px;
  background-color: #31C838;
  border-radius: 50%;
  position: relative;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  z-index: 1;
}
.watch-online-lesson-button-wrapper .dotBlinking::before, .watch-online-lesson-button-wrapper .dotBlinking::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 2px solid #31C838;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-animation: border-pulse 1s infinite;
          animation: border-pulse 1s infinite;
}
.watch-online-lesson-button-wrapper .dotBlinking::after {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@-webkit-keyframes border-pulse {
  0% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  75% {
    width: 160%;
    height: 160%;
    opacity: 0.25;
  }
  100% {
    width: 160%;
    height: 160%;
    opacity: 0;
  }
}
@keyframes border-pulse {
  0% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  75% {
    width: 160%;
    height: 160%;
    opacity: 0.25;
  }
  100% {
    width: 160%;
    height: 160%;
    opacity: 0;
  }
}
@media (max-width: 959.98px) {
  .watch-online-lesson-button-wrapper {
    margin: 24px auto 0 auto;
  }
}

.quiz-hero__footer {
  position: relative;
  margin-top: 38px;
  margin-bottom: -34px;
}
@media (max-width: 767.98px) {
  .quiz-hero__footer {
    margin-top: 10px;
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .quiz-hero__footer .trustpilot-widget {
    margin-left: -32px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.quiz-hero__disclaimer {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .quiz-hero__disclaimer {
    position: relative;
    display: block;
    margin-top: 12px;
    font-size: 12px;
    line-height: 16px;
  }
}