.igloo-pages-container {
  width: 100%;

  .igloo-pages-page-title {
    margin-bottom: 16px;
  }

  .igloo-pages-content {
    width: 100%;
    background-color: #fff;

    .igloo-pages-page {
      width: 100%;
    }

    .igloo-pages-footer {
      display: flex;
      justify-content: space-between;
      padding: 0 32px 32px 32px;

      .ant-form-item {
        margin-bottom: 0;
      }

      .igloo-pages-preview-button {
        min-width: 196px;
      }

      .igloo-pages-next-button {
        min-width: 196px;
      }

      .igloo-pages-cancel-button {
        min-width: 196px;
      }

      .igloo-pages-submit-button {
        min-width: 196px;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .igloo-pages-container {
    width: 100%;

    .igloo-pages-page-title {
      margin-bottom: 8px;
    }

    .igloo-pages-content {
      width: 100%;

      .igloo-pages-footer {
        padding: 0 16px 24px 16px;
        display: flex;
        flex-direction: column-reverse;

        .igloo-pages-preview-button {
          min-width: none;
          width: 100%;
          margin-top: 16px;
        }

        .igloo-pages-next-button {
          min-width: none;
          width: 100%;
          margin-top: 16px;
        }

        .igloo-pages-cancel-button {
          min-width: none;
          width: 100%;
          margin-top: 16px;
        }

        .igloo-pages-submit-button {
          min-width: none;
          width: 100%;
        }
      }
    }
  }
}
