Odyssey styleguide

<div class="odyssey-transaction__journey-wrapper">
	<h6 class="odyssey-transaction__journey-header">Transaction Journey</h6>
	<div class="odyssey-transaction__journey">
		<div class="odyssey-transaction__touchpoint">
			<div class="icon-wrapper">
				<div class="icon channel-icon-paid-search"></div> <span class="journey-route"></span>
			</div>
			<div class="journey-touchpoints">
				<p>
					tennis racket
				</p>
				<p>General exact mobile</p>
				<p>Google</p>
				<h6>Paid Search</h6>
			</div>
		</div>
		<div class="odyssey-transaction__touchpoint">
			<div class="icon-wrapper">
				<div class="icon channel-icon-direct"></div> <span class="journey-route"></span>
			</div>
			<div class="journey-touchpoints">
				<p>
					Direct
				</p>
			</div>
		</div>
		<div class="odyssey-transaction__touchpoint">
			<div class="icon-wrapper">
				<div class="icon channel-icon-affiliate"></div> <span class="journey-route"></span>
			</div>
			<div class="journey-touchpoints">
				<p>
					Worldwidecoupons.com
					<br><small><a href="">(View
							performance)</a></small>
				</p>
				<h6>Affiliates</h6>
			</div>
		</div>
		<div class="odyssey-transaction__touchpoint">
			<div class="icon-wrapper">
				<div class="icon transaction-transaction-icon"></div> <span class="journey-route"></span>
			</div> <label>Transaction</label>
			<h6 class="journey-transaction-value">€&nbsp;60,15</h6>
		</div>
	</div>
</div>