.empty-state {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap-reverse;
  padding: $spacing-md;

  .empty-state__image {
    font-size: 200px;
    color: $light-gray-2;
    line-height: 1;

    img {
      min-height: 200px;
      width: auto;
    }
  }

  .empty-state__description {

  }

  .empty-state__content {
    font-size: 1.2rem;
    color: $dark-gray-3;
  }

  .empty-state__actions {
    margin-top: $spacing-md;
  }
}