// Dynabloqs Material Design file download
.modal-content,
.dbq-form {
    .dbqmd-form-group {
        .dbqmd-label {
            .dbqdb-file-download-button {
                border-radius: 0;
                background: $material-design-read-only-background-color !important;
                border-radius: $material-design-border-radius !important;
                color: $material-design-read-only-text-color !important;
                width: $material-design-width;
                height: $material-design-height !important;
                border: 0 !important;
                padding: 0 $global-padding !important;
                padding-top: $global-padding !important;
                border-bottom: 1px solid $material-design-read-only-border-color !important;
                display: flex;
                align-items: center;
                gap: $global-margin;
                box-shadow: $material-design-box-shadow;

                svg {
                    margin: 0;
                    fill: $material-design-read-only-text-color;
                }

                &:hover {
                    color: $material-design-read-only-text-color;
                    
                    svg {
                        fill: $color-primary !important;
                    }
                }
            }

            &:has(.dbqmd-dropdown-title-label) {
                .dbqdb-file-download-button {
                    padding-top: 25px !important;
                    align-items: flex-start;
                }
            }

            // End icon styling
            &.dbqmd-has-end-icon {
                .dbqdb-file-download-button {
                    padding-right: $material-design-end-icon-total-padding !important;
                }

                &.dbqmd-has-value {
                    padding-right: 0;
                }
            }
        }
    }

    // Styling when there is no label
    .dbq-property-no-label {
        .dbqmd-form-group {
            .dbqmd-label {
                .dbqdb-file-download-button {
                    padding-top: 0 !important;
                }
            }
        }
    }
}