/*
 * "Under construction" / "Coming soon" pages (DAO, mint, wallet). Measured
 * from phoenixgoldnetwork.org/DAO at 1440 / 810 / 390.
 */
.soon {
  max-width: 920px;
  margin: 0 auto;
  padding: 119px 20px 196px;
  text-align: center;
}
.soon-logo {
  width: 234px;
  height: 234px;
  margin: 0 auto;
}
.soon h1 {
  margin-top: 30px;
  font-size: 70px;
  line-height: 84px;
  font-weight: 700;
}
.soon p {
  max-width: 765px;
  margin: 10px auto 0;
  font-size: 26px;
  line-height: 49.4px;
  font-weight: 300;
}
.soon-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 49px;
  margin-top: 30px;
  padding: 0 27px;
  border-radius: 10px;
  background: #ffffff;
  color: var(--bg);
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 500;
  transition: transform 0.3s var(--ease-out);
}
.soon-btn:hover {
  transform: scale(1.03);
}
.soon-btn svg {
  width: 18px;
  height: 17px;
}
@media (max-width: 1199px) {
  .soon {
    max-width: 682px;
    padding-top: 18px;
    padding-bottom: 110px;
  }
  .soon p {
    max-width: 622px;
  }
}
@media (max-width: 809px) {
  .soon {
    padding-top: 61px;
    padding-bottom: 141px;
  }
  .soon-logo {
    width: 66px;
    height: 66px;
  }
  .soon h1 {
    margin-top: 31px;
    font-size: 38px;
    line-height: 45.6px;
  }
  .soon p {
    max-width: 272px;
    font-size: 14px;
    line-height: 26.6px;
  }
  .soon-btn {
    height: 43px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 16.8px;
  }
}