@import "./../../theme/constants.scss";

.submitWrapper {
  margin-top: 33px;
  @media screen and (max-width: $break-small) {
    margin-top: 26px;
  }
}

.disabledLink {
  cursor: default;
  text-decoration: none !important;
  pointer-events: none;
}

.submit {
  cursor: pointer;
  width: 210px;
  height: 48px;
  background-color: #3899ec;
  font-size: 16px;
  line-height: 0.89;
  text-align: center;
  color: rgb(255, 255, 255);
  border-style: none;
  border-radius: 4px;
  font-family: "Avenir";
}

.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.paypalSubmit {
  width: 100%;
  background-color: #ffc438;
  color: #242424;
  font-size: 14px;
  font-weight: 600;
  line-height: 3.2;
  font-family: AvenirNext;
}

.termsLink {
  text-decoration: underline;
  color: #1a1a1a;
  margin-left: 5px;
}

.terms {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 33px;
  font-size: 16px;
	line-height: 1.5;
	color: #1a1a1a;
  @media screen and (max-width: $break-small) {
    margin-top: 26px;
  }

  label {
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
  }

  input[type="checkbox"] {
    position: absolute;
    width: 18px;
    height: 18px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0;
  }

  input[type="checkbox"] + label:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 14px;
    content: " ";
    vertical-align: top;
    background: transparent;
    border: solid 1px #676969;
  }

  input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 5px;
    background: transparent;
    top: 7px;
    left: 5px;
    border: 1px solid #2581ff;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
  }
}

.disabled {
  pointer-events: none;
  opacity: 0.6;
}