/* DYNAMIC FRONT END RENDERED BLOCK */

.flex-file-blocks-main {
    border: 1px solid #1e9192;
    padding: 16px;
    margin-bottom: 60px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.flex-file-button-section {
    text-align: right;
    margin-bottom: 16px;
}

.flex-file-button-section a {
    font-size: 12px !important;
    border-radius: 5px !important;

}

.flex-file-blocks-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
    padding: 0;
}

.flex-file-blocks-grid img {
    width: 100%;
    margin-bottom: 10px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 5px;
}

.flex-file-blocks-grid span {
    font-size: 14px;
    color: #666;
}

.flex-file-blocks-grid .file-name {
    font-size: 1em;
}

.flex-file-blocks-grid .download-icon {
    width: 15%;
}

.flex-file-blocks-grid .download-icon img{
    aspect-ratio: 1 / 1;
    width: 100%;
    margin: 0;
    object-fit: contain;
    padding: 10px;
    background-color: #1e9192;
    border-radius: 100%;
}

.flex-file-preview .img-preview {
    border-radius: 5px;
}

.flex-file-preview .icon-preview {
    border-radius: 5px !important;
}