.file-info[href]:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.file-info {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: calc(1 * var(--spacing-mobile));
    background: var(--colour-neutral);
}
@media (min-width: 768px) {
    .file-info {
        padding: calc(1 * var(--spacing-tablet));
    }
}
@media (min-width: 992px) {
    .file-info {
        padding: calc(1 * var(--spacing-desktop));
    }
}
@media (min-width: 1200px) {
    .file-info {
        padding: calc(1 * var(--spacing-large));
    }
}
.file-info__details__type {
    text-transform: uppercase;
}
.file-info__details__type, .file-info__details__size {
    font-size: calc(var(--font-size-small) * 1rem);
}
@media (min-width: 768px) {
    .file-info__details__type, .file-info__details__size {
        font-size: calc(var(--font-size-small-768) * 1rem);
    }
}
@media (min-width: 992px) {
    .file-info__details__type, .file-info__details__size {
        font-size: calc(var(--font-size-small-992) * 1rem);
    }
}
@media (min-width: 1200px) {
    .file-info__details__type, .file-info__details__size {
        font-size: calc(var(--font-size-small-1200) * 1rem);
    }
}
.file-info__details__size:before {
    content: "-";
    margin-right: 5px;
}
.file-info__link {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    margin-left: auto;
}
.file-info__link .text-link {
    color: var(--colour-one) !important;
    text-decoration: underline;
}
.file-info__details__type, .file-info__details__size, .file-info__link {
    color: var(--colour-text);
}
.file-info[href] {
    transition: box-shadow 0.4s ease;
}
.file-info[href]:hover .text-link {
    text-decoration: none;
}
@media (min-width: 768px) {
    .file-info {
        display: block;
        -webkit-align-items: unset;
        align-items: unset;
    }
    .file-info__link {
        -webkit-align-self: unset;
        align-self: unset;
        margin-left: unset;
        margin-top: 10px;
    }
}