.banner .next-role-btn {
  display: flex;
  color: #fff;
  background-color: #008dff;
  padding: 23px 36px;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  border-radius: 8px;
  height: 89px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  line-height: 0;
  margin-top: 24px;
}

.banner .title-lg {
  font-size: 5.875rem;
  font-weight: 700;
  line-height: 131%;
  letter-spacing: 1.04px;
}

@media (max-width: 1499.98px) {
  .banner .title-lg {
    font-size: 5.313rem;
    letter-spacing: 1.7px;
  }
  .banner .next-role-btn {
    height: 70px;
    padding: 18px 28px;
    border-radius: 6px;
    font-size: 28px;
    margin-top: 19px;
  }
}

@media (max-width: 1399.98px) {
  .banner .next-role-btn {
    height: 65px;
    padding: 17px 26px;
    border-radius: 6px;
    font-size: 26px;
    margin-top: 18px;
  }
  .banner .title-lg {
    font-size: 4.375rem;
    letter-spacing: 1.56px;
  }
}

@media (max-width: 1199.98px) {
  .banner .next-role-btn {
    height: 56px;
    padding: 15px 22px;
    border-radius: 5px;
    font-size: 22px;
    margin-top: 15px;
  }

  .banner .title-lg {
    font-size: 3.75rem;
    letter-spacing: 1.32px;
  }
}

@media (max-width: 991.98px) {
  .banner .next-role-btn {
    height: 46px;
    padding: 15px 22px;
    border-radius: 4px;
    font-size: 18px;
    margin-top: 12px;
  }

  .banner .title-lg {
    font-size: 2.867rem;
    letter-spacing: 1.08px;
  }
}

@media (max-width: 767.98px) {
  .banner .next-role-btn {
    height: 37px;
    padding: 10px 14px;
    border-radius: 3px;
    font-size: 14px;
    margin-top: 10px;
  }

  .banner .title-lg {
    font-size: 2.25rem;
    letter-spacing: 0.84px;
  }
}

@media (max-width: 575.98px) {
  .banner .next-role-btn {
    height: 30px;
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 12px;
    margin-top: 7px;
  }
  .banner .title-lg {
    font-size: 2rem;
    letter-spacing: 0.63px;
  }
}

@media (max-width: 399.98px) {
  .banner .title-lg {
    font-size: 1.5rem;
    letter-spacing: 0.41px;
  }
  .banner .next-role-btn {
    height: 24px;
    padding: 6px 8px;
    border-radius: 2px;
    font-size: 10px;
    margin-top: 5px;
  }
}