Alert -outline components

<p class="alert error-outline flex-icons">
	<i class="fas fa-exclamation-triangle"></i>
	<span class="txt-m alert-message">This is an error alert</span>
	<i class="fas fa-times"></i>
</p>

<p class="alert warning-outline flex-icons">
	<i class="fas fa-exclamation-circle"></i>
	<span class="txt-m alert-message">This is a warning alert</span>
	<i class="fas fa-times"></i>
</p>

<p class="alert success-outline flex-icons">
	<i class="fas fa-check"></i>
	<span class="txt-m alert-message">This is a success alert</span>
	<i class="fas fa-times"></i>
</p>

<p class="alert primary-outline flex-icons">
	<i class="fas fa-exclamation"></i>
	<span class="txt-m alert-message">This is a primary alert</span>
	<i class="fas fa-times"></i>
</p>