.empty-state {
  @include display-flex(center, center, column);
  margin: auto;
  text-align: center;
  width: 100%;
  max-width: 384px;
  height: 250px;

  &__icon {
    display: flex;
    width: 32px;
    margin-bottom: 16px;

    img,
    svg {
      width: 100%;
      height: auto;
    }
  }

  &__title {
    margin-bottom: 4px;
  }

  &__description {
    color: $dark-grey;
  }

  &__action {
    margin-top: 1.5em;
    @include display-flex(center);
  }
}