<input type="file" id="resume" class="sr-only"
       aria-label="Resume">
<label for="resume" class="btn"
       aria-hidden="true">Upload Resume</label>
body {
  font-family: sans-serif;
}

.sr-only {
  position: absolute;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.btn {
  display: inline-block;
  padding: .5rem 1rem;
  border-radius: .25rem;
  color: #fff;
  background-color: #25a;
  cursor: pointer;
}

[type=file]:focus + .btn {
  outline: 5px solid #a52;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.