.yellow_btn .btn_text {
  background: transparent linear-gradient(102deg, #f6d007 0%, #f98419 100%) 0%
    0% no-repeat padding-box;
  border-radius: 5px;
  border: none;
  color: #000;
  font-size: 20px;
  padding: 5px 17px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  margin-top: 10px;
}
.yellow_btn:hover .btn_text {
  background: #f98419;
  color: #000;
}
@media (min-width: 0px) and (max-width: 574px) {
  .yellow_btn .btn_text {
    font-size: 14px;
    padding: 5px 15px;
  }
}

@media (min-width: 575px) and (max-width: 767.98px) {
  .yellow_btn .btn_text {
    font-size: 15px;
    padding: 7px 12px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .yellow_btn .btn_text {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .yellow_btn .btn_text {
    font-size: 16px;
    padding: 4px 12px;
  }
}