Odyssey styleguide

<div class="odyssey-pagination">
	<span class="odyssey-pagination__indicator">Page 5 of 10</span>
	<div class="odyssey-pagination__container odyssey-pagination__container--right">
		<div class="odyssey-pagination__select">
			<select class="odyssey-pagination__container-rows-per-page">
				<option>5 rows</option>
				<option>10 rows</option>
				<option>20 rows</option>
				<option>50 rows</option>
			</select>
		</div>
		<section class="odyssey-pagination__container">
			<button class="odyssey-pagination__container-button odyssey-pagination__container-button--disabled">
				<span class="odyssey-pagination__container-button--left-arrow">
			</button>
			<button class="odyssey-pagination__container-button odyssey-pagination__container-button--first">
					1
			</button>
			<button  class="odyssey-pagination__container-button">
					4
			</button>
			<button class="odyssey-pagination__container-button odyssey-pagination__container-button--active">
					5
			</button>
			<button class="odyssey-pagination__container-button">
					6
			</button>
			<button class="odyssey-pagination__container-button odyssey-pagination__container-button--last">
					10
			</button>
			<button class="odyssey-pagination__container-button">
				<span class="odyssey-pagination__container-button--right-arrow">
			</button>
		</section>
	</div>
</div>