.a-file {
  position: relative;
  display: inline-flex;
}

  .a-file__element {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
  }

  .a-file__element:focus ~ .a-button {
      outline: var(--outline-size) solid var(--outline-color);
      outline-offset: var(--outline-offset);
    }

  .a-file__element:hover ~ .a-button {
      color: var(--color-greyscale-7);
      border-color: var(--color-greyscale-2);
      background-color: var(--color-greyscale-2);
    }

input[type="file" i]::-webkit-file-upload-button {
  cursor: pointer;
}