.file-input {
    position: relative;
    display: flex;
    width: 100%;
    margin-top: $button-margin-width;

    .input-field {
        margin-top: 0;
    }

    .file-path-wrapper {
        flex-grow: 1;
    }

    .btn {
        margin-left: $button-margin-width;

        input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
            opacity: 0;
        }
    }

    .clear-file {
        position: absolute;
        top: $input-clear-position;
        right: 0;
        z-index: 2;
        cursor: pointer;
    }
}