btn

Darstellung

Code

<div class="three-cols env-sur">
<div class="flex-column gap align-start">
<a href="" class="btn small" aria-label="#">Button Titel</a>
<a href="" class="btn small icon-left" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
<a href="" class="btn small icon-right" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
</div>
<div class="flex-column gap align-start">
<a href="" class="btn" aria-label="#">Button Titel</a>
<a href="" class="btn icon-left" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
<a href="" class="btn icon-right" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
</div>
<div class="flex-column gap align-start">
<a href="" class="btn big" aria-label="#">Button Titel</a>
<a href="" class="btn big icon-left" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
<a href="" class="btn big icon-right" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
</div>

<div class="flex-column gap align-start">
<a href="" class="btn small outline" aria-label="#">Button Titel</a>
<a href="" class="btn small outline icon-left" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
<a href="" class="btn small outline icon-right" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
</div>

<div class="flex-column gap align-start">
<a href="" class="btn outline" aria-label="#">Button Titel</a>
<a href="" class="btn outline icon-left" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
<a href="" class="btn outline icon-right" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
</div>

<div class="flex-column gap align-start">
<a href="" class="btn outline big" aria-label="#">Button Titel</a>
<a href="" class="btn outline big icon-left" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
<a href="" class="btn outline big icon-right" aria-label="#"><span class="icn calendar"></span>Button Titel</a>
</div>
</div>