.file-upload {
  border: 1px dashed $color-border-dark;
  border-radius: 4px;
  &:hover {
    background-color: $secondary-light-gray;

    label {
      .upload-icon {
        border: 1px solid $color-border-dark;
        svg {
          color: $color-heading;
        }
      }
    }
  }
  label {
    cursor: pointer;
    padding: 32px;
    display: block;
    .upload-icon {
      border: 1px solid $color-border;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      margin-bottom: 24px;
      padding: 4px;

      svg {
        color: $primary-30;
      }
    }
    p {
      color: $color-heading;
      strong {
        font-weight: 600;
      }
    }
  }
}