.layout-container {

  .enrollment-methods-card {
    --enrollment-methods-card-shadow: 0 0 6px rgba(0, 0, 0, 0.12);

    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    padding-bottom: var(--gap-size-xl);
    border-radius: var(--radius-2xl);
    background: var(--color-white);
    box-shadow: var(--enrollment-methods-card-shadow);
    overflow: hidden;
    font-family: var(--font-agenda);
  }

  .enrollment-methods-card__header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px var(--gap-size-lg);
    background: var(--color-coral);
  }

  .enrollment-methods-card__heading {
    margin: 0;
    color: var(--color-white);
    font-family: var(--font-agenda);
    font-size: var(--fs-22);
    font-weight: var(--font-weight-black);
    line-height: normal;
    text-align: center;
    font-feature-settings: "liga" 0;
  }

  .enrollment-methods-card__methods {
    display: flex;
    align-items: stretch;
    gap: var(--gap-size-lg);
    padding: 0 var(--gap-size-lg);
  }

  .enrollment-methods-card__method {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: var(--gap-size-lg);
    min-width: 0;
  }

  .enrollment-methods-card__copy {
    display: flex;
    flex-direction: column;
    gap: var(--var-sds-size-space-300);
  }

  .enrollment-methods-card__title,
  .enrollment-methods-card__body,
  .enrollment-methods-card__body p {
    margin: 0;
    color: var(--color-charcoal);
    font-family: var(--font-agenda);
    line-height: normal;
    font-feature-settings: "liga" 0;
  }

  .enrollment-methods-card__title {
    font-size: var(--fs-20);
    font-weight: var(--font-weight-bold);
  }

  .enrollment-methods-card__body {
    font-size: var(--fs-20);
    font-weight: var(--font-weight-normal);
  }

  .enrollment-methods-card__body p {
    font-size: var(--fs-20);
    font-weight: var(--font-weight-normal);
  }

  .enrollment-methods-card__body strong,
  .enrollment-methods-card__body b {
    font-weight: var(--font-weight-bold);
  }

  .enrollment-methods-card__body a {
    color: var(--color-dark-coral);
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  .enrollment-methods-card__time {
    font-size: 16px;
  }

  .enrollment-methods-card__divider {
    flex: none;
    align-self: stretch;
    width: var(--stroke-1);
    background: var(--color-charcoal);
  }

  .enrollment-methods-card__button {
    display: inline-flex;
    flex: 0 0 auto;
    align-self: flex-start;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-size-sm);
    box-sizing: border-box;
    width: fit-content;
    max-width: 100%;
    height: 48px;
    margin-top: auto;
    padding: 12px var(--gap-size-md) 10px var(--gap-size-lg);
    border-radius: var(--radius-full);
    background: var(--color-coral);
    color: var(--color-white);
    font-family: var(--font-agenda);
    font-size: 19px;
    font-weight: var(--font-weight-bold);
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--transition-fast);
  }

  .enrollment-methods-card__button:hover {
    background: var(--color-dark-coral-original);
  }

  .enrollment-methods-card__button:focus-visible {
    outline: var(--focus-ring-width) solid var(--focus-ring-outer);
    outline-offset: var(--focus-ring-width);
    box-shadow: 0 0 0 var(--focus-ring-width) var(--focus-ring-inner);
  }

  .enrollment-methods-card__button-label {
    line-height: normal;
  }

  .enrollment-methods-card__button-icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }

  .enrollment-methods-card__button-icon--download {
    width: 24px;
    height: 24px;
  }

  @media (max-width: 900px) {

    .enrollment-methods-card {
      gap: var(--gap-size-lg);
      padding-bottom: var(--gap-size-lg);
    }

    .enrollment-methods-card__heading {
      line-height: 24px;
    }

    .enrollment-methods-card__methods {
      flex-direction: column;
      gap: var(--gap-size-lg);
    }

    .enrollment-methods-card__method {
      flex: none;
      width: 100%;
    }

    .enrollment-methods-card__divider {
      width: 100%;
      height: var(--stroke-1);
    }

    .enrollment-methods-card__button {
      align-self: stretch;
      justify-content: center;
      width: 100%;
      margin-top: 0;
      white-space: normal;
    }

    .enrollment-methods-card__button-label {
      flex: 1 1 0;
      min-width: 0;
      text-align: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {

    .enrollment-methods-card__button {
      transition: none;
    }
  }

}