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

.iconDownloadContent {
  color: $black;
  padding: $hl-4 0 2.25rem 0;
  padding-top: 3rem;

  :global(.common-center-container) {
    max-width: 72rem;
    * {
      margin: 0;
    }

    p {
      margin-bottom: 1.5rem;
    }

    img {
      margin-bottom: 0;
      margin-top: 2rem;
    }

    h2 {
      margin-top: 6rem;
      font-size: $font-h2;
      font-weight: $medium;
    }

    h3:not(:first-child) {
      margin-top: $hl-6;
    }

    h3 + p {
      margin-top: $hl-10;
    }

    p,
    ul {
      color: rgba($black, 80%);
    }

    .zipDownload {
      margin-top: 3rem;
      margin-bottom: 6rem;
      color: $black;
      font-size: $font-h5;
      i {
        font-size: $font-h4;
        margin-right: 0.25rem;
      }
      &:hover {
        color: $blue;
        a {
          color: $blue;
        }
      }
    }
  }

}