/**************************/
/*btns*/
/**************************/
.button,
.price_slider_amount .button,
.af-submit-button,
.btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  font-family: inherit;
  transition: 0.3s ease-out;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 1.6rem;
  position: relative;
  padding: 0.4rem 2.4rem;
  height: 4.8rem;
  min-width: 14rem;
  font-size: var(--fs-16);
  font-weight: bold;
  isolation: isolate;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-transform: uppercase;
  font-weight: 500;
}
.af-submit-button,
.button  {
  background: #3d20a9;
  /* background: linear-gradient(96.61deg, #4022AD 0%, #29166F 100%); */
  color: var(--c-white);
  font-weight: 400;
}
.btn .icon-arrow-left {
  margin-right: 0.4rem;
  font-size: 1.8rem;
  transition: 0.3s ease-out;
}

.btn:hover .icon-arrow-left {
  transform: translateX(-0.3rem);
}

.btn--secondary {
  color: var(--c-white);
  background: #04ce9e;
}

.btn--secondary::before {
  content: "";
  background: linear-gradient(to right, #1adfb1, #018f6e);
  border-radius: 1.6rem;
  display: block;
  position: relative;
  transition: 0.3s ease;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  transition: 0.3s ease-out;
  inset: 0;
}

.btn--secondary:hover::before {
  opacity: 0;
  filter: brightness(1.3);
}

.btn--primary {
  color: var(--c-white);
  background: #3d20a9;
}
.af-submit-button:before,
.button:before,
.btn--primary::before {
  content: "";
  background: linear-gradient(to right, #4e2ccb, #29166f);
  border-radius: 1.6rem;
  display: block;
  position: relative;
  transition: 0.3s ease;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  transition: 0.3s ease-out;
  inset: 0;
}
.af-submit-button:hover:before,
.button:hover::before,
.btn--primary:hover::before {
  opacity: 0;
  filter: brightness(1.3);
}

/* .btn--primary:hover {
  color: #7252e6;
  border-color: #7252e6;
} */