@import "@/styles/mixins.scss";
@import "@/styles/variables.scss";

.container {
  margin-bottom: 3.75rem;
  .customerContainer {
    max-width: 54rem;
    margin: 3.75rem auto;
  }
  .h2 {
    color: $font-color-10;
    @include h2();
  }

  .followContainer {
    margin-top: 1rem;
    .followItem {
      &.hand {
        cursor: pointer;
      }
      .content {
        padding: 1rem;
        background: $grey-light;
        border-radius: $radius;
        @include flex(space-between, center);
        .info {
          padding-left: 0.5rem;
          color: $font-color-10;
          line-height: 1.75;
        }
        .image {
          width: 5.25rem;
          height: 5.25rem;
        }
      }
    }
  }

  :global(.container:not(.is-max-desktop):not(.is-max-widescreen)) {
    &.customContainer {
      max-width: 54rem;
    }
  }
}