/* 404
------------------------------------------ */
.wrapper {
  width: calc(100% - 2.5rem);
  margin: 3rem auto 4.375rem;
}

.not-found__lead {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.55;
  letter-spacing: 0.15em;
  text-align: center;
}

.not-found__text {
  margin-top: 1.875rem;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.15em;
}

.not-found__button {
  display: grid;
  justify-items: center;
  margin-top: 3.9375rem;
  margin-inline: auto;
  gap: 0.5rem;
  letter-spacing: 0.15em;
  transition: opacity 0.3s ease-out;
}
.not-found__button:active {
  opacity: 0.75;
}
.not-found__button::before {
  display: block;
  aspect-ratio: 1;
  width: 5rem;
  background: center/contain no-repeat url("../../assets/images/common/button_link.svg");
  content: "";
}
@media (min-width: 768px) {
  .wrapper {
    width: 93.75%;
    max-width: 75rem;
    margin-top: 6.25rem;
    margin-bottom: 12.5rem;
  }
  .not-found__lead {
    font-size: 1.5625rem;
    line-height: 1.45;
  }
  .not-found__text {
    margin-top: 1.75rem;
    line-height: 1.45;
    text-align: center;
  }
  .not-found__text span {
    display: block;
  }
  .not-found__button {
    margin-top: 6.25rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .not-found__button:hover, .not-found__button:focus-visible {
    opacity: 0.75;
  }
}