[type="file"] {
  height: 0;
  overflow: hidden;
  width: 0;
}

[type="file"] + label {
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  font-size: inherit;
  font-weight: 500;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  outline: none;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
}



[type="file"] + label.custom-input {
  overflow: hidden;
  position: relative;
}

[type="file"] + label.custom-input::before {
  color: #fff;
  content: "\f093";
  font-family: "FontAwesome";
  font-size: 100%;
  height: 100%;
  right: 110%;
  line-height: 3.3;
  position: absolute;
  top: -28%;
  transition: all 0.3s;
}


[type="file"] + label.custom-input:hover::before {
  right: 88%;
  top: -28%
}