.btn_wrapper .btn_text {
    background: linear-gradient(
    360deg,
    #604900 0%,
    #a87000 28%,
    #e5b000 59%,
    #fff277 86%,
    #8a5d02 100%
  );
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 14px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    font-family: "Roboto Slab";
    position: relative;
    border: none;
    border-radius: 7px;
    overflow: hidden;
    z-index: 1;
}
.btn_wrapper .btn_text::before {
  content: "";
  position: absolute;
  top: -150%;
  left: -150%;
  width: 400%;
  height: 400%;
  background: conic-gradient(
    transparent,
    rgba(255, 255, 255, 0.9),
    transparent 25%
  );
  animation: rotateBorder 2s linear infinite;
  z-index: -2;
}

/* Actual button background */
.btn_wrapper .btn_text::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 5px;
    background: linear-gradient(
        135deg,
        #4b1fbf 0%,
        #245bd7 42%,
        #087fda 72%,
        #08b9d4 100%
    );
    z-index: -1;
    cursor: pointer;
}

@keyframes rotateBorder {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

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

@media (min-width: 768px) and (max-width: 991px) {
  .btn_wrapper .btn_text {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .btn_wrapper .btn_text {
    font-size: 20px;
    padding: 4px 12px;
  }
}