.error-404 {
  --error-404-border-radius: 0;
  --error-404-button-indent: 60px;
  --error-404-element-indent: 20px;
  --error-404-padding: 0;
}
.error-404__wrapper {
  --error-404-content-text-justify: var(--content-text-horizontal-alignment, left);
  --section-padding-bottom: var(--padding-bottom-mobile, 16px);
  --section-padding-top: var(--padding-top-mobile, 16px);
  color: var(--color-primary, #000);
  background: var(--background-primary, #fff);
  border-radius: var(--error-404-border-radius);
  text-align: var(--error-404-content-text-justify);
  padding-left: var(--error-404-padding);
  padding-right: var(--error-404-padding);
}
@media (min-width: 992px) {
  .error-404__wrapper {
    --section-padding-bottom: var(--padding-bottom-desktop, 40px);
    --section-padding-top: var(--padding-top-desktop, 40px);
  }
}
.error-404__wrapper--padding-top:not(:empty) {
  padding-top: var(--section-padding-top);
}
.error-404__wrapper--padding-bottom:not(:empty) {
  padding-bottom: var(--section-padding-bottom);
}
.error-404__container .error-404__wrapper {
  --error-404-border-radius: var(--border-radius-block);
  --error-404-padding: 20px;
}
@media (min-width: 992px) {
  .error-404__container .error-404__wrapper {
    --error-404-padding: 40px;
  }
}
.error-404__heading {
  margin: var(--error-404-element-indent) 0 0;
}
.error-404__heading:first-child {
  --error-404-element-indent: 0;
}
.error-404__description:not(:first-child) {
  margin-top: var(--error-404-element-indent);
}
.error-404__description *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.error-404__button:not(:first-child) {
  margin-top: var(--error-404-button-indent);
}