.signupFinalComponent {
  --button-bgPrimary: var(--primary-light-600);
  --Text-primaryNoneBg: var(--base-black);
  --Border-inputfieldDefault: var(--neutral-300);
  --Text-success: var(--success-200);
}

@media (prefers-color-scheme: dark) {
  .signupFinalComponent {
    --button-bgPrimary: var(--primary-dark-600);
    --Text-primaryNoneBg: var(--base-white);
    --Border-inputfieldDefault: var(--neutral-300);
    --Text-success: var(--success-200);
  }
}

.signupFinalComponent {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  margin-top: 2rem;
}

.signupFinalComponent > .finalContainer {
  display: flex;
  flex-direction: column;
  gap: 2.94rem;
  width: 100%;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
  align-items: center;
  justify-content: center;
}

.signupFinalComponent > .finalContainer .finalIconWrapper {
  padding:2rem 1rem;
  display: flex;
  border-radius: 7.625rem;
  border: 2px solid var(--Text-primaryNoneBg);
  
  
}

.signupFinalComponent > .finalContainer .finalIconWrapper .finalIcon:after {
  content: "Check_Big";
  font-family: "dr-odds";
  font-size: 6.03206rem;
  width: 6.03206rem;
  height: 4.04381rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--Text-success);
}

.signupFinalComponent > .finalContainer .finalText{
    display: flex;
    flex-direction: column;
}

.signupFinalComponent > .finalContainer .finalTitle {
    color: var(--Text-primaryNoneBg);
    text-transform: uppercase;
    text-align: center;
    align-items: center;
    white-space: break-spaces;
}

.signupFinalComponent > .finalContainer .finalSubtitle {
    color: var(--Text-primaryNoneBg);
    text-align: center;
    align-items: center;
    margin-top: 2.94rem;
}

.signupFinalComponent > .finalContainer button {
    width: 100%;
    height: 2.6875rem;
    text-transform: uppercase;
}

.signupFinalComponent .termsParagraph {
    display: flex;
    flex-direction: row;
}

.signupFinalComponent .termsParagraph .termsText {
    color: var(--Text-primaryNoneBg);
    margin-right: 0.25rem;
}

.signupFinalComponent .termsParagraph .termsLink {
    color: var(--Text-success);
    text-decoration: none;
}