.wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.text {
  text-align: center;
  font-size: 100px;
  line-height: 104px;
  font-weight: 400;
  background: linear-gradient(90deg, #f42a8b 0%, #1f89db 100%);
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  margin: 160px 0 30px 0;
}
.button__404 {
  padding: 18px 36px;
  text-decoration: none;
  z-index: 15;
  max-width: fit-content;
}
.button__404:hover {
  background: linear-gradient(
    90deg,
    rgb(162 6 81 / 56%) 0%,
    rgb(0 104 184) 100%
  );
  transition: all 0.3s ease;
}