.empty-state {
  padding: $gap * 3;
  max-width: 100%;
  background-color: $color-gray-lightest;
  margin-top: $gap * 5;

  &--white {
    background-color: $color-white;
  }

  &--centered {
    text-align: center;
  }

  &__message {
    display: inline-block;
    font-weight: bold;
    margin-top: 3rem;
  }

  hr {
    margin-left: -$gap * 3;
    margin-right: -$gap * 3;
  }

  &__footer {
    text-align: center;

    a.usa-button {
      width: 60%;
      display: inline-block;
    }
  }
}