.ty404 {
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

  @media (max-width: 991px) {
    min-height: 50vh;
  }
}

.ty404 .content {
  gap: 20px;
  max-width: 819px;
}

.ty404 h1 {
  color: var(--White, #fff);
  text-align: center;

  /* H1 (64 Px) */
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 74px; /* 115.625% */
}

.ty404 p {
  color: var(--White, #fff);
  text-align: center;

  /* P (16 Px) */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ty404 .normal-button a {
  color: var(--White, #fff);

  /* CTA (18 Px) */
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.ty {
  display: inline-flex !important;
  text-align: center;
  min-height: 61px;
  align-items: center;
  padding: 0 31px !important;
}