.file {background-color: var(--LHC-grey);padding: 15px 20px 15px;margin-bottom: 1.8%;position: relative;}
.file p.title {font-weight: 700;color: var(--LHC-purple);font-size: 1.4rem;margin: 0.5rem 0 0.8rem 0;}
.file .standard-btn svg {height: 15px;min-width: 14px;margin-left: 10px;}
.file .standard-btn {position: absolute;bottom: 5px;left: 20px;min-width: 100px;width: fit-content;padding: 10px 15px 10px 20px;display: flex;font-size: 0.9rem;color: white;/* margin-top: auto; */}
.file .download-buttons { display: flex; gap: 0.5rem; }
.file .download-buttons .standard-btn {position: relative;justify-content: center;text-decoration: auto;}
.single-file { padding: 15px 20px; width: 50%; }
.single-file > div{  width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.single-file .text{}
.single-file .standard-btn{ position: relative; justify-content: space-between; left: auto; bottom: auto; margin: 0; }
.files-list { display: flex; flex-wrap: wrap; gap: 2%; }
.files-list .file {width: 49%;padding-bottom: 60px;}
.files-list .file p {}
.full-width .single-file > div {display: flex; flex-wrap: nowrap;}
.full-width .files-list .file {width: 100%;padding-bottom: 15px;}
.full-width .single-file { width: 100%; }
.full-width .file .download-buttons {justify-content: end;max-width: 50%;}
.full-width .file .standard-btn { position: relative; left: 0; top: 0; }

.files-list .file .category { font-size: 1.2rem; margin: 0.5rem 0; }

.patient-information-leaflet.file { padding-bottom: 20px; }
.patient-information-leaflet.file .download-buttons { flex-wrap: wrap; }
.patient-information-leaflet.file .download-buttons .standard-btn { margin: 0; left: 0; top: 0; }

@media screen and (max-width: 39.9375em) {

    .file {  }
    .file p.title {margin: 0.5rem 0;}
    .file .standard-btn svg {  }
    .file .standard-btn {padding: 10px 15px;text-align: center;width: fit-content;position: relative;top: 0;left: 0;margin: 10px 0 0;}
    .file .download-buttons {  }
    .file .download-buttons .standard-btn {  }
    .single-file {  }
    .single-file > div{  }
    .single-file .text{  }
    .single-file .standard-btn{  }
    .files-list {  }
    .files-list .file {width: 100%;padding-bottom: 10px;}
    .files-list .file p {  }
    .full-width .single-file > div {  }
    .full-width .files-list .file {  }
    .full-width .single-file {  }
    .full-width .file .download-buttons {  }
    .full-width .file .standard-btn {  }
    
    .files-list .file .category {margin: 3px 0;}
    
    .patient-information-leaflet.file {  }
    .patient-information-leaflet.file .download-buttons {  }
    .patient-information-leaflet.file .download-buttons .standard-btn {  }



}