.file-upload {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center !important;
    vertical-align: middle;
    /* Cosmetics */
    border: 1px solid #fff;
    background: #4caf50;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    border-radius: 5px;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* The button size */
.file-upload {
    height: 2.3em;
}

    .file-upload, .file-upload span {
        width: 5.9em;
    }

        .file-upload input {
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            font-size: 11px;
            /* Loses tab index in webkit if width is set to 0 */
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .file-upload strong {
            text-align: center;
            vertical-align: middle;
            margin-left: 28px;
        }

        .file-upload span {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            /* Adjust button text vertical alignment */
            padding-top: .15em;
        }