@import '../../scss/styles.scss';

.not-found {
  margin-top: var(--base);
  display: flex;

  & > * {
    &:first-child {
      margin-top: 0;
    }
    &:last-child {
      margin-bottom: 0;
    }
  }

  &__button {
    margin: 0;
  }

  &--margin-top-large {
    margin-top: calc(var(--base) * 2);
  }

  @include large-break {
    &--margin-top-large {
      margin-top: var(--base);
    }
  }

  @include small-break {
    margin-top: calc(var(--base) / 2);

    &--margin-top-large {
      margin-top: calc(var(--base) / 2);
    }
  }
}
