.err404 {
   width: 100%;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   padding: 2rem 1rem;
   margin-top: 10.38rem;
   font-family: "Nunito Sans", sans-serif;
}
.err404__head {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 3.1875rem; /* 51px */
}
.err404__image {
   display: block;
   width: 100%;
   max-width: 28.952rem; /* 463.23px */
   height: auto;
   margin-bottom: 1.1875rem; /* 19px */
}
.err404__desc {
   margin: 0;
   max-width: 36rem;
   text-align: center;
   color: #003253;
   font-size: 1rem; /* 16px */
   font-weight: 400;
   line-height: 1.75rem; /* 28px */
   letter-spacing: var(--font-r-letter-spacing-025, -0.01563rem); 
}

/* ===== actions ===== */
.err404__actions {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: stretch;
}
.err404__actions .btn + .btn {
   margin-left: 1.77931rem;
} /* 12px */

/* ===== buttons ===== */
.btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   text-decoration: none;
   font-weight: 800;
   min-width: 12.6875rem;
   height: 2.9375rem;
}
.btn__label {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   font-size: 1rem;
   line-height: 1.5rem;
   letter-spacing: var(--font-r-letter-spacing-025, -0.01563rem);
   white-space: nowrap;
}
.btn__icon {
   display: inline-flex;
   width: 0.75rem;
   height: 0.875rem;
   margin-right: 0.5rem;
}
.btn__icon svg {
   display: block;
   width: 100%;
   height: 100%;
}

.btn--primary {
   background: #079de2;
   clip-path: polygon(0 0, calc(100% - 0.625rem) 0, 100% 0.625rem, 100% 100%, 0.625rem 100%, 0 calc(100% - 0.625rem));
}
.btn--primary .btn__label {
   color: #ffffff;
}

.btn--outline {
   color: #4783bb;
   border-top: 0.0625rem solid #4783bb;
   border-bottom: 0.0625rem solid #4783bb;
   position: relative;
   padding-block: -0.0625rem;
   min-width: initial;
   padding-inline: 0.94rem;
}

.btn__clip-path--left {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: -1.02931rem;
   height: calc(100% + 0.125rem);
   width: 1.02931rem;
   z-index: 10;
}

.btn__clip-path--right {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: -1.02931rem;
   height: calc(100% + 0.125rem);
   width: 1.02931rem;
   z-index: 10;
}

@media (max-width: 639px) {
   .err404__head {
      margin-bottom: 1.1875rem;
   } /* 19px */
   .err404__image {
      max-width: 16.935rem;
      margin-bottom: 1.1875rem;
   }
   .err404__desc {
      font-size: 0.875rem;
      line-height: 1.375rem;
   } /* 14px / 22px */

   .err404__actions {
      flex-direction: column;
      align-items: center;
      width: 100%;
      box-sizing: border-box;
   }

   .err404__actions .btn + .btn {
      margin-left: 0;
      margin-top: 0.6875rem;
   } /* 11px */

   .btn {
      height: 2.625rem;
      width: 100%;
   }

   .btn__label {
      flex: 1 1 auto;
      padding: 0.782rem 0.749rem; /* 12.51px / 11.98px */
      font-size: 0.75rem; /* 12px */
      line-height: 1.341rem; /* 21.45px */
   }
   .btn--primary .btn__label {
      padding-left: 1.396rem;
      padding-right: 1.396rem;
   } /* 22.34px */
   .btn--outline .btn__label {
      padding: 0.699rem 0.749rem; /* 11.18px */
      font-size: 0.67rem; /* 10.72px */
      line-height: 0.892rem; /* 14.27px */
      border-top-width: 0.05rem; /* 0.8px */
      border-bottom-width: 0.05rem;
   }
   .btn--outline {
      width: calc(100% - 2.05862rem);
   }
   .btn__clip-path--left {
      left: -1.02931rem;
      width: 1.02931rem;
   }

   .btn__clip-path--right {
      right: -1.02931rem;
      width: 1.02931rem;
   }
   .btn--outline::before {
      border-width: 0.05rem;
      border-right: 0;
   }
}