.button {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.35;
  padding: 0.5rem 1.25rem;
  color: #000000;
  border: 1px solid #8a8c8c4d;
  transition: all ease-out 0.2s;
  border-radius: var(--huge-radius);
  text-decoration: none;
  width: unset;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
}

.button:hover {
  color: #ffffff;
  border-color: var(--light-blue-bp);
  background-color: var(--light-blue-bp);
}

.form-submit {
  background-color: var(--orange);
  border-color: var(--orange);
  color: #fff;
}

.form-submit:hover {
  background-color: #fff;
  border-color: var(--orange);
  color: var(--orange);
}

.user_login .form-submit {
  background-color: var(--orange);
  border-color: var(--orange);
  color: #fff;
}

.user_login .form-submit:hover {
  background-color: #fff;
  border-color: var(--orange);
  color: var(--orange);
}

.cta_clear_Blue {
  color: #ffffff;
  border-color: var(--light-blue);
  background-color: var(--light-blue);
}

.cta_clear_Blue:hover {
  color: var(--light-blue);
  border-color: var(--light-blue);
  background-color: transparent;
}

.cta_dark_Blue {
  color: #ffffff !important;
  border-color: var(--dark-blue);
  background-color: var(--dark-blue);
}

.cta_dark_Blue:hover {
  border-color: var(--light-blue-bp);
  background-color: var(--light-blue-bp);
}

.cta_orange {
  background-color: var(--orange);
  border-color: var(--orange);
  color: #fff;
}
.cta_orange:hover {
  background-color: #fff;
  border-color: var(--orange);
  color: var(--orange);
}

.cta_dark_Blue_reverse {
  color: #ffffff !important;
  border-color: var(--light-blue-bp);
  background-color: var(--light-blue-bp);
}

.cta_dark_Blue_reverse:hover {
  border-color: var(--dark-blue);
  background-color: var(--dark-blue);
}
.cta_green {
  color: var(--dark-blue);
  background-color: var(--green);
  border-color: var(--green);
}
.cta_green:hover {
  color: var(--green);
  background-color: white;
  border-color: var(--green);
}

.cta_green_border {
  color: #0e1a38;
  background-color: white;
  border: 1px solid #8fd298;
}

.cta_green_border:hover {
  background-color: #8fd298;
  border: 1px solid #8fd298;
  color: #0e1a38;
}

.cta_disabled,
.cta_disabled:hover {
  cursor: not-allowed;
  background-color: var(--light-grey);
  border-color: var(--light-grey);
  color: var(--dark-grey);
}

.cta_disabled.grey_disabled,
.cta_disabled.grey_disabled:hover {
  border-color: #8a8c8c4d;
  background-color: transparent !important;
}

.cta_white {
  color: var(--dark-blue) !important;
  border-color: #ffffff;
  background-color: #ffffff;
}
.cta_white:hover {
  color: #fff !important;
  border-color: var(--dark-blue);
  background-color: var(--dark-blue);
}

.cta_user {
  font-size: 18px;
}

.btn-back {
  padding: 0;
  border: 0;
  font-weight: 600;
  position: relative;
  margin-bottom: 30px;
  margin-left: 30px;
  font-size: 1.1em;
  cursor: pointer;
  background: transparent;
  color: var(--dark-blue) !important;
}

.btn-back::before {
  content: url(../../images/arrows/left.svg);
  display: block;
  position: absolute;
  left: -25px;
}

.cta-mobile {
  display: none;
}

.disable {
  background: var(--dark-grey) !important;
  border: 1px solid var(--dark-grey) !important;
  opacity: 0.7;
  transition: none;
}

@media (max-width: 1024px) {
  .cta-mobile {
    display: inline-block;
    border: 1px solid var(--dark-blue);
  }
}