@import url("/css/design_v2/color.css");
@import url("/css/design_v2/font.css");
@import url("/css/design_v2/standards.css");
@import url("/css/design_v2/breakpoints.css");

.pp-new-employee-referral {
  margin: 0 auto;
  padding: var(--Space-L) var(--Space-M);
  box-sizing: border-box;
  background: var(--Color-Primary-White);
}

.pp-new-employee-referral__heading {
  margin: 0 0 var(--Space-M) 0;
}

.pp-new-employee-referral__intro p {
  margin: 0 0 var(--Space-M) 0;
}

.pp-new-employee-referral__form {
  margin-top: var(--Space-L);
}

/* Form field spacing */
.pp-new-employee-referral__form .pp-v2-field {
  margin-bottom: var(--Space-M);
}

.pp-new-employee-referral footer {
  margin-top: var(--Space-L);
}

.pp-new-employee-referral__account {
  margin-top: var(--Space-L);
}

.pp-new-employee-referral__subheading {
  margin: var(--Space-L) 0 var(--Space-XS) 0;
}

@media (min-width: 600px) {
  .pp-new-employee-referral {
    padding: var(--Space-XL);
  }
}

@media (min-width: 1240px) {
  .pp-new-employee-referral {
    max-width: var(--Container-Width-Desktop);
    padding: var(--Space-XL);
    border-radius: var(--Radius-200);
    box-shadow: var(--Shadow-100);
  }
}