input[type=file] {
        width: 1px;
        height: 1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
        top: 60px;
        left: 20px;
     }
    
    input[type=file] + label {
          position:relative;
          width: 40px;
          height: 40px;
          display: flex;
          cursor: pointer;
          align-items: center;
          border-radius: 100%;
          justify-content: center;
          background-color: #ecf0f1;
          box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
          -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
          -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
      }
      
      input[type=file] + label .labelFile{
          width:8px;
          height:8px;
          position:relative;
          color:black;
          background-color:currentColor;
      }


      input[type=file] + label .labelFile:before,input[type=file] + label .labelFile:after {
          content:"";
          display:block;
          position:absolute;
      }

      input[type=file] + label .labelFile:before {
          bottom:100%;
          margin-left:-4.5px;
          border-bottom:8px solid currentColor;
          border-left:8px solid transparent;
          border-right:8px solid transparent;
      }

      input[type=file] + label .labelFile:after {
          top:100%;
          left:-53%;
          width:200%;
          height:2px;
          margin-top:5px;
          position:absolute;
          background-color:currentColor;
      }

      input[type=file] + label .labelFileText {
        position: absolute;
        left: 55px;
        width:200px;
      }