.logo-img {
  background-color: var(--_color---primary--900);
}

.article {
  grid-row-gap: 48px;
  background-color: var(--_color---neutral-variant--050);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: calc(100svh - 320px);
  padding: 128px 32px 160px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.article__container {
  grid-row-gap: 48px;
  border-radius: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1128px;
  padding: 80px 32px;
  text-decoration: none;
  display: flex;
}

.article__inner {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.article__content {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.form {
  background-color: var(--_color---neutral--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  min-height: 800px;
  padding: 0px 40px 120px 40px;
  text-decoration: none;
  display: flex;
  border: 1px solid var(--_color---primary--500);
  border-radius: 1em;
}

.thanks-message {
  background-color: var(--_color---neutral--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  min-height: 320px;
  padding: 96px 80px 96px 80px;
  gap: 16px;
  text-decoration: none;
  display: flex;
  border: 1px solid var(--_color---primary--500);
  border-radius: 1em;
}

.thanks-message__heading-text {
  font-family: var(--_typography---main--title--large--font-family);
  color: var(--_color---primary--900);
  font-size: var(--_typography---main--title--large--font-size);
  line-height: var(--_typography---main--title--large--line-height);
  font-weight: var(--_typography---main--title--large--font-weight);
  letter-spacing: var(--_typography---main--title--large--letter-spacing);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
  text-align: center;
}

.thanks-message__description-text {
  font-family: var(--_typography---main--body--medium--font-family);
  color: var(--_color---primary--900);
  font-size: var(--_typography---main--body--medium--font-size);
  line-height: var(--_typography---main--body--medium--line-height);
  font-weight: var(--_typography---main--body--medium--font-weight);
  letter-spacing: var(--_typography---main--body--medium--letter-spacing);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
  text-align: center;
}

.home-button {
  background-color: var(--_color---primary--500);
  cursor: pointer;
  border-radius: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 52px;
  margin-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
  transition: background-color .3s;
}

.home-button:hover {
  background-color: var(--_color---primary--400);
}

.home-button__container {
  grid-column-gap: 12px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.home-button__label-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0px;
  display: flex;
}

.home-button__label {
  font-family: var(--_typography---main--title--small--font-family);
  color: var(--_color---neutral--white);
  font-size: var(--_typography---main--body--large--font-size);
  line-height: var(--_font-style---label--large--line-height);
  font-weight: var(--_typography---main--title--small--font-weight);
  letter-spacing: var(--_typography---main--title--small--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .article {
    padding: 128px 16px 160px
  }

  .article__container {
    padding: 0px;
  }

  .form {
    padding: 0px 12px 120px 12px;
  }

  .thanks-message {
    padding: 96px 20px 96px 20px;
    text-align: left;
  }
}