Floating Action Buttons (FAB)

<!-- FAB -->
<button type="button" class="btn btn-ms btn-fab btn-pink">
    <i class="material-icons">favorite</i>
</button>

<!-- FAB with Ripple effect -->
<button type="button" class="btn btn-ms btn-fab btn-pink ripple">
    <i class="material-icons">favorite</i>
</button>

<!-- Disabled FAB -->
<button type="button" class="btn btn-ms btn-fab btn-pink" disabled>
    <i class="material-icons">favorite</i>
</button>

<!-- Flat FAB -->
<button type="button" class="btn btn-ms btn-fab btn-flat btn-pink">
    <i class="material-icons">favorite</i>
</button>

<!-- Flat FAB with Ripple effect -->
<button type="button" class="btn btn-ms btn-fab btn-flat btn-pink ripple">
    <i class="material-icons">favorite</i>
</button>

<!-- Disabled Flat FAB -->
<button type="button" class="btn btn-ms btn-fab btn-flat btn-pink" disabled>
    <i class="material-icons">favorite</i>
</button>

<!-- FAB -->
<button type="button" class="btn btn-ms btn-fab leaf-fab btn-purple">
    <i class="material-icons">favorite_border</i>
</button>

<!-- FAB with Ripple effect -->
<button type="button" class="btn btn-ms btn-fab leaf-fab btn-purple ripple">
    <i class="material-icons">favorite_border</i>
</button>

<!-- Disabled FAB -->
<button type="button" class="btn btn-ms btn-fab leaf-fab btn-purple" disabled>
    <i class="material-icons">favorite_border</i>
</button>

<!-- FAB -->
<button type="button" class="btn btn-ms btn-fab leaf-fab-inverted btn-purple">
    <i class="material-icons">favorite_border</i>
</button>

<!-- FAB with Ripple effect -->
<button type="button" class="btn btn-ms btn-fab leaf-fab-inverted btn-purple ripple">
    <i class="material-icons">favorite_border</i>
</button>

<!-- Disabled FAB -->
<button type="button" class="btn btn-ms btn-fab leaf-fab-inverted btn-purple" disabled>
    <i class="material-icons">favorite_border</i>
</button>

<!-- Mini FAB -->
<button type="button" class="btn btn-ms btn-fab mini-fab btn-teal">
    <i class="material-icons">mood</i>
</button>

<!-- Mini FAB with Ripple effect -->
<button type="button" class="btn btn-ms btn-fab mini-fab btn-teal ripple">
    <i class="material-icons">mood</i>
</button>

<!-- Disabled Mini FAB -->
<button type="button" class="btn btn-ms btn-fab mini-fab btn-teal" disabled>
    <i class="material-icons">mood</i>
</button>

<!-- Mini Flat FAB -->
<button type="button" class="btn btn-ms btn-fab mini-fab btn-flat btn-teal">
    <i class="material-icons">mood</i>
</button>

<!-- Mini Flat FAB with Ripple effect -->
<button type="button" class="btn btn-ms btn-fab mini-fab btn-flat btn-teal ripple">
    <i class="material-icons">mood</i>
</button>

<!-- Disabled Flat Mini FAB -->
<button type="button" class="btn btn-ms btn-fab mini-fab btn-flat btn-teal" disabled>
    <i class="material-icons">mood</i>
</button>

<!-- Extended FAB -->
<button type="button" class="btn btn-ms btn-fab extended-fab btn-pink-800">
    <i class="material-icons">search</i> Search
</button>

<!-- Extended FAB with Ripple effect -->
<button type="button" class="btn btn-ms btn-fab extended-fab btn-pink-800 ripple">
    <i class="material-icons">search</i> Search
</button>

<!-- Disabled Extended FAB -->
<button type="button" class="btn btn-ms btn-fab extended-fab btn-pink-800" disabled>
    <i class="material-icons">search</i> Search
</button>

<!-- Extended Mini FAB -->
<button type="button" class="btn btn-ms btn-fab extended-mini-fab btn-pink-800">
    <i class="fab-icon material-icons">play_circle_outline</i> Play
</button>

<!-- Extended Mini FAB with Ripple effect -->
<button type="button" class="btn btn-ms btn-fab extended-mini-fab btn-pink-800 ripple">
    <i class="fab-icon material-icons">play_circle_outline</i> Play
</button>

<!-- Disabled Mini Extended FAB -->
<button type="button" class="btn btn-ms btn-fab extended-mini-fab btn-pink-800" disabled>
    <i class="fab-icon material-icons">play_circle_outline</i> Play
</button>