.file-download__image {
  width: 100%;
}

.file-download__image svg {
  width: 100%;
  height: auto;
}

.file-download__image--ver {
  display: none;
}

.file-download__image--hor {
  display: flex;
}


.file-download__inner {
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
}

.file-download__content {
  display: flex;
  flex-direction: column;
  gap: calc(1.5 * var(--spacing));
  padding: var(--spacing);
  justify-content: center;
  flex: 1;

}


.file-download__content>* {
  margin: 0;
  width: 100%;
}


.media--file .file__link {
  flex-wrap: wrap;
  gap: .5rem;

}

@media screen and(min-width: 768px) {
  .media--file .file__link {
    gap: .23rem;
  }
}

@media screen and (min-width: 768px) {
  .file-download__inner {
    flex-direction: row;
  }

  .file-download__content {
    padding: calc(2 * var(--spacing));
  }

  .file-download__image {
    width: 33%;
  }

  .file-download__image--ver {
    display: flex;
  }

  .file-download__image--hor {
    display: none;
  }
}