<commit_before>$file-upload-margin   : 15px !default;
$file-upload-padding  : 15px !default;
$file-upload-font-size: 14px !default;

.file-upload {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: $file-upload-margin;

    &__handler {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        position: relative;
    }

    &__field {
        position: absolute;
        top: 0;
        opacity: 0;
        overflow: hidden;
        height: 48px;
        width: 100%;
        cursor: pointer;
        z-index: 2;

        @include mq($screen-s) {
            height: 100%;
        }

        &:hover + .file-upload__button {
            background: $button-hover-background;
            border-color: $button-hover-border;
        }
    }

    &__label {
        display: flex;
        flex-basis: 100%;
        margin-bottom: 5px;
        font-size: $file-upload-font-size;
    }

    &__name {
        font-size: $file-upload-font-size;
        margin-top: $file-upload-margin;

        @include mq($screen-s) {
            margin-left: $file-upload-margin;
            margin-top: 0;
        }
    }

    &__button {
        margin-bottom: 0;
        padding: 10px 35px;
        z-index: 1;
        width: 100%;

        @include mq($screen-s) {
            width: auto;
        }
    }
}
<commit_msg>#35006 FileUpload: Changed button var names after merge from develop.<commit_after>$file-upload-margin   : 15px !default;
$file-upload-padding  : 15px !default;
$file-upload-font-size: 14px !default;

.file-upload {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: $file-upload-margin;

    &__handler {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        position: relative;
    }

    &__field {
        position: absolute;
        top: 0;
        opacity: 0;
        overflow: hidden;
        height: 48px;
        width: 100%;
        cursor: pointer;
        z-index: 2;

        @include mq($screen-s) {
            height: 100%;
        }

        &:hover + .file-upload__button {
            background: $button__background-hover;
            border-color: $button__border-hover;
        }
    }

    &__label {
        display: flex;
        flex-basis: 100%;
        margin-bottom: 5px;
        font-size: $file-upload-font-size;
    }

    &__name {
        font-size: $file-upload-font-size;
        margin-top: $file-upload-margin;

        @include mq($screen-s) {
            margin-left: $file-upload-margin;
            margin-top: 0;
        }
    }

    &__button {
        margin-bottom: 0;
        padding: 10px 35px;
        z-index: 1;
        width: 100%;

        @include mq($screen-s) {
            width: auto;
        }
    }
}

{'fraction_non_alphanumeric': 0.1260593220338983, 'fraction_numerical': 0.02577683615819209, 'mean_word_length': 1.5684496826835903, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6740614', 'n_tokens_mistral': 982, 'n_tokens_neox': 888, 'n_words': 189}