@media all {
  .ce-downloads .card-body {
    flex-direction: row;
    gap: var(--size-3);
    align-items: center;
  }

  .ce-downloads .row {
    --bs-gutter-y: 1.5rem;
  }

  .file-type {
    text-transform: uppercase;
    font-size: var(--font-size-small);
    font-weight: 600;
  }

  .filename {
    transition: var(--transition-default);
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .file-description {
    font-size: var(--font-size-small);
  }

  .ce-teaserlink:is(:hover,:focus-visible) .filename {
    color: var(--ce-color-card-interactive);
  }
}

@media (min-width: 48rem) {
  .ce-downloads .row {
    --bs-gutter-y: var(--bs-gutter-x);
  }
}