//As a Wikisource user, I want to be able to download books via an easy-to-find download button, and I want to be able to easily choose a file format, so that the download process is simple and inviting.//
**Resources:**
* [[ https://www.figma.com/file/9e9K54IEZ7sY7CQT8rtYQN/Ebook-export-Wikisource?node-id=55%3A2886 | Link to specifications in Figma ]]
**Acceptance Criteria:**
* Implement a new "Download" button, which is:
** Placed at the right edge of the title header line
*** Note: It appears that RTL language Wikisources also display the title on the left side of the header (like RTL wikis), based on a quick look at Hebrew, Persian, & Arabic Wikisources. However, if there are inconsistencies with RTL display that we find in doing this work, it can be managed in a separate ticket.
** Colored with a blue background and white text (refer to Figma for details)
** Refer to Figma for dimensions and other specifications
* When the user clicks on the "Download" button, a pop-up should be generated, which includes the following:
** A header entitled "Download options"
** An "x" symbol to the right of the checkbox, which will close the pop-up if clicked
** Three separate rows which will include:
** Icons for 3 file formats (refer to Figma link for CSS details)
** Names of file formats available & a subheader explanation
*** Name: EPUB
**** Subheader: for most devices
*** Name: MOBI
**** Subheader: for Kindle & Calibre
*** Name: PDF
**** Subheader: for larger screens
** Download icons/triggers per each file format, represented by a blue downward arrow
* If the user clicks on any file format, the download icon, the download process should be automatically generated
* Regarding the behavior after the download is complete, we can deal with this in a separate ticket, since we would ideally like to show some symbol/status indicator of completion, and then the user can manually close the pop-up.
* Note: No status indicators (such as download in progress, download failed, or download completed) will be worked on this ticket. This work will be in a separate ticket to be completed later: T271970
**Visual & Interactive Examples:**
|Pick format (first visit)|Specs|
|--|--|
|{F32411186,size=full}| {F33945268,size=full}|
| [[ https://www.figma.com/proto/9e9K54IEZ7sY7CQT8rtYQN/Ebook-export-Wikisource?node-id=40%3A1717&viewport=379%2C386%2C0.17192360758781433&scaling=min-zoom&hide-ui=1 | First visit prototype ]]|[[ https://www.figma.com/proto/9e9K54IEZ7sY7CQT8rtYQN/Ebook-export-Wikisource?node-id=55%3A1525&viewport=348%2C327%2C0.15630541741847992&scaling=min-zoom&hide-ui=1 | Specs ]] (login using your WMF Google account to see the inspect tab)|