.loading-skeleton {
      height: 252px;
      border-radius: 4px;
      overflow: hidden;
      margin-bottom: 15px;
  }

  .loading-image {
      height: 190px;
      background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
      background-size: 250px;
      animation: shine-loading 2s infinite ease-out;
  }

  .loading-content {
      background: #f7f7f7;
      padding: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .loading-text-container {
      flex-basis: 100%;
  }

  .loading-main-text, .loading-sub-text, .loading-button {
      background: #ececec;
      background-image: linear-gradient(90deg, #ececec 0px, #ddd 40px, #ececec 80px);
      background-size: 250px;
      border-radius: 10px;
      animation: shine-loading 2s infinite ease-out;
  }

  .loading-main-text {
      height: 10px;
      width: 65%;
      margin-bottom: 10px;
  }

  .loading-sub-text {
      height: 10px;
      width: 50%;
  }

  .loading-button {
      width: 60px;
      height: 25px;
      border-radius: 3px;
  }

  @keyframes shine-loading {
      0% {
          background-position: -100px;
      }
      40%, 100% {
          background-position: 140px;
      }
  }