.sdc-webform--stay-updated {

  .stay-updated-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xl);
    max-width: 820px;
    margin-inline: auto;
  }

  .webform-section-wrapper {
    gap: var(--space-lg);
  }

  label {
    color: var(--color-steel);
    line-height: 22px;
  }

  .form-type-checkboxes > label:first-child,
  .form-type-radios > label:first-child {
    font-weight: var(--font-weight-bold);
  }

  input:is([type="text"], [type="email"]) {
    height: 44px;
    border: 1px solid var(--color-steel);
    color: var(--color-steel);
  }

  .form-item.form-type-radios,
  .form-item.form-type-checkboxes {
    gap: var(--space-lg);
  }

  .form-item.form-type-checkbox {
    row-gap: var(--space-lg);
  }

  .webform-options-display-one-column {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    width: 100%;
  }

  .form-type-checkboxes .form-item--error-message,
  .form-type-radios .form-item--error-message {
    order: 1;
    margin-top: calc(var(--space-sm) - var(--space-lg));
  }

  .js-webform-checkboxes,
  .js-webform-radios {
    order: 2;
  }

  .webform-confirmation {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    width: 100%;
  }

  .webform-confirmation__message,
  .webform-confirmation__back {
    margin: 0;
    color: var(--color-steel);
    text-align: left;
  }

  :is(.form-submit, input[type="submit"], button[type="submit"], .webform-button--submit):is(:hover, :focus-visible, :active) {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
  }
}

.stay-updated-form-container {

  .stay-updated-heading {
    margin-inline: auto;
  }

  .stay-updated-heading h3 {
    color: var(--color-dark-coral);
    font-family: var(--font-tilt-neon);
    font-size: var(--size-h3);
    font-weight: var(--font-weight-normal);
    margin: 0;
  }

  .form-email {
    max-width: 380px;
  }

  @media (max-width: 768px) {

    .stay-updated-heading h3 {
      font-size: 26px;
    }

    .form-email {
      max-width: none;
    }
  }
}