ChangeEmailContainer.css

.title {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-semi-bold);
  font-size: var(--font-size-4);
  line-height: var(--line-height-5);

  color: var(--palette-text-900);

  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-1);
}

.changeButton {
  padding-bottom: var(--spacing-4);
}

.changeButtonMessage {
  padding-bottom: var(--spacing-1);
}

.successMessage {
  padding-bottom: var(--spacing-3);
}

.currentEmail {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-regular);
  font-size: var(--font-size-3);
  line-height: var(--line-height-5);

  color: var(--palette-text-500);

  margin-bottom: var(--spacing-3);
}

.header {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-semi-bold);
  font-size: var(--font-size-3);
  line-height: var(--line-height-5);

  color: var(--palette-text-900);

  margin-bottom: var(--spacing-2);
}

.description {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-regular);
  font-size: var(--font-size-3);
  line-height: var(--line-height-5);

  color: var(--palette-text-500);
}

.footer {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}

.footerButton {
  margin-right: var(--spacing-2);
}

.verifyContainer {
  padding-bottom: var(--spacing-2);
}

.verifyContent {
  margin-bottom: var(--spacing-2);
}

.verifyTitle {
  margin-bottom: var(--spacing-2);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-semi-bold);
  font-size: var(--font-size-3);
  line-height: var(--line-height-5);
  color: var(--palette-text-900);
}

.resendButton {
  padding-left: 0;
  padding-right: 0;
}