src/components/views/documents/styles.scss

.actions {
  display: flex;
  justify-content: end;
}

.input-file {
  display: flex;
  justify-content: center;
  margin: 30px 0 10px 0;

  &:hover {
    cursor: pointer;
    span {
      border-bottom: 1px var(--secondary-color) solid;
      color: var(--secondary-color);
    }
  }
}

.input-file span {
  border-bottom: 1px var(--color-theme-2) solid;
  color: var(--color-theme-2);
  width: max-content;
}

.input-file input[type="file"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}

.file-name {
  svg {
    margin-right: 10px;
  }
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}