/*
 * document-buttons — Download and Preview, as live's Document Library Pro
 * drew them: flex, 18px padding each side, the icon 18px with 10px after it,
 * in the link colour, no underline.
 */

.doc-buttons {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.doc-buttons > :not(:last-child) {
	margin-right: 10px;
}

.doc-button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2em;
	padding: 0 18px;
	line-height: 1.9em;
	word-break: keep-all;
	text-decoration: none;
}

.doc-button:hover,
.doc-button:focus {
	text-decoration: none;
}

.doc-button__icon {
	flex: none;
	width: 18px;
	height: 18px;
	margin-right: 10px;
}