.thankyou-container {
  background-size: cover;
  background-position: center;
  background: linear-gradient(96deg, rgba(255, 255, 255, 0.2) 0%, rgba(37, 182, 160, 0.2) 40.38%, rgba(243, 250, 250, 0.2) 100%), #FFF;
}
.thankyou-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, white, transparent);
}
.thankyou-container > div {
  z-index: 1;
  width: 83.33%;
  margin: 0 auto;
  padding: 60px 0;
  gap: 60px;
  height: 100vh;
}
.thankyou-container > div .thankyou-content {
  padding: 60px 0;
}
.thankyou-container > div .thankyou-content .title {
  color: var(--Gary-01, #1c1c1c);
  /* headline-CN/h1 */
  font-family: "Noto Sans TC";
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 69px */
  letter-spacing: 0.92px;
}
.thankyou-container > div .thankyou-content .subtitle {
  width: 40%;
  color: var(--Gary-01, #1c1c1c);
  /* headline-CN/h4 */
  font-family: "Noto Sans TC";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
  padding: 60px 0;
}
.thankyou-container > div .thankyou-content .thankyou-content-text {
  width: 40%;
  color: var(--Gary-01, #1c1c1c);
  /* headline-CN/Body */
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.16px;
}
.thankyou-container > div .thankyou-content .button-container {
  margin-top: 60px;
}
.thankyou-container > div .thankyou-content .button-container a.button {
  background-color: #444;
  text-align: center;
  color: #fff;
  /* headline-CN/h4 */
  font-family: "Noto Sans TC";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  letter-spacing: 0.36px;
  padding: 12px 40px;
  border-radius: 999px;
  box-shadow: 0px 4px 5px 0px rgba(2, 3, 3, 0.03), 0px 1px 10px 0px rgba(2, 3, 3, 0.02), 0px 2px 4px 0px rgba(2, 3, 3, 0.04);
}