Buttons

<button class="btn btn-primary"> Primary button 
</button> 
<button class="btn btn-outline-primary"> Outline button 
</button>

<button class="btn btn-secondary"> Secondary button 
</button> 
<button class="btn btn-outline-secondary"> Outline button 
</button>

<button class="btn btn-white"> White button 
</button> 
<button class="btn btn-outline-white"> White button 
</button>

<button class="btn btn-primary btn-sm"> Small button 
</button> 
<button class="btn btn-primary"> Regular button 
</button> 
<button class="btn btn-primary btn-lg"> Large button 
</button>

<button class="btn btn-text btn-sm"> Small button 
</button> 
<button class="btn btn-text"> Regular button 
</button> 
<button class="btn btn-text btn-lg"> Large button 
</button>

<button class="btn btn-fixed btn-primary"> Fixed button 
</button>

<button class="btn btn-primary"> 
    <span class="icon">
        <svg>...
        </svg>
    </span> Button 
</button> 
<button class="btn btn-secondary"> 
    <span class="icon">
        <svg>...
        </svg>
    </span> Button 
</button> 
<button class="btn btn-outline-primary"> 
    <span class="icon">
        <svg>...
        </svg>
    </span> Button 
</button> 
<button class="btn btn-sm btn-text"> 
    <span class="icon">
        <svg>...
        </svg>
    </span> Button 
</button> 
<button class="btn btn-text"> 
    <span class="icon">
        <svg>...
        </svg>
    </span> Button 
</button> 
<button class="btn btn-lg btn-text"> 
    <span class="icon">
        <svg>...
        </svg>
    </span> Button 
</button>

<button class="btn btn-icon btn-primary"> 
    <span class="icon">
        <svg>...
        </svg>
    </span> Button 
</button>

<button class="btn rounded btn-primary"> 
    <span class="icon">
        <svg>...
        </svg>
    </span> Rounded button 
</button> 
<button class="btn btn-icon btn-primary rounded-circle"> 
    <span class="icon">
        <svg>...
        </svg>
    </span> 
</button>

<button class="btn btn-ei-autumn">
</button> 
<button class="btn btn-outline-ei-autumn">
</button> 
<button class="btn btn-black">
</button> 
<button class="btn btn-outline-black">
</button> 
<button class="btn btn-ei-brand">
</button> 
<button class="btn btn-outline-ei-brand">
</button> 
<button class="btn btn-ei-fog">
</button> 
<button class="btn btn-outline-ei-fog">
</button> 
<button class="btn btn-green">
</button> 
<button class="btn btn-outline-green">
</button> 
<button class="btn btn-ei-khaki">
</button> 
<button class="btn btn-outline-ei-khaki">
</button> 
<button class="btn btn-ei-lemongrass">
</button> 
<button class="btn btn-outline-ei-lemongrass">
</button> 
<button class="btn btn-ei-light-brand">
</button> 
<button class="btn btn-outline-ei-light-brand">
</button> 
<button class="btn btn-ei-light-grey">
</button> 
<button class="btn btn-outline-ei-light-grey">
</button> 
<button class="btn btn-ei-light-taupe">
</button> 
<button class="btn btn-outline-ei-light-taupe">
</button> 
<button class="btn btn-ei-mauve">
</button> 
<button class="btn btn-outline-ei-mauve">
</button> 
<button class="btn btn-pink">
</button> 
<button class="btn btn-outline-pink">
</button> 
<button class="btn btn-ei-sand">
</button> 
<button class="btn btn-outline-ei-sand">
</button> 
<button class="btn btn-ei-taupe">
</button> 
<button class="btn btn-outline-ei-taupe">
</button> 
<button class="btn btn-teal">
</button> 
<button class="btn btn-outline-teal">
</button> 
<button class="btn btn-ei-terracotta">
</button> 
<button class="btn btn-outline-ei-terracotta">
</button> 
<button class="btn btn-yellow">
</button> 
<button class="btn btn-outline-yellow">
</button> 
<button class="btn btn-primary">
</button> 
<button class="btn btn-outline-primary">
</button> 
<button class="btn btn-secondary">
</button> 
<button class="btn btn-outline-secondary">
</button> 
<button class="btn btn-danger">
</button> 
<button class="btn btn-outline-danger">
</button> 
<button class="btn btn-warning">
</button> 
<button class="btn btn-outline-warning">
</button> 
<button class="btn btn-success">
</button> 
<button class="btn btn-outline-success">
</button> 
<button class="btn btn-light">
</button> 
<button class="btn btn-outline-light">
</button> 
<button class="btn btn-blue">
</button> 
<button class="btn btn-outline-blue">
</button> 
<button class="btn btn-indigo">
</button> 
<button class="btn btn-outline-indigo">
</button> 
<button class="btn btn-purple">
</button> 
<button class="btn btn-outline-purple">
</button> 
<button class="btn btn-red">
</button> 
<button class="btn btn-outline-red">
</button> 
<button class="btn btn-orange">
</button> 
<button class="btn btn-outline-orange">
</button> 
<button class="btn btn-cyan">
</button> 
<button class="btn btn-outline-cyan">
</button> 
<button class="btn btn-gray-100">
</button> 
<button class="btn btn-outline-gray-100">
</button> 
<button class="btn btn-gray-200">
</button> 
<button class="btn btn-outline-gray-200">
</button> 
<button class="btn btn-gray-300">
</button> 
<button class="btn btn-outline-gray-300">
</button> 
<button class="btn btn-gray-400">
</button> 
<button class="btn btn-outline-gray-400">
</button> 
<button class="btn btn-gray-500">
</button> 
<button class="btn btn-outline-gray-500">
</button> 
<button class="btn btn-gray-600">
</button> 
<button class="btn btn-outline-gray-600">
</button> 
<button class="btn btn-gray-700">
</button> 
<button class="btn btn-outline-gray-700">
</button> 
<button class="btn btn-gray-800">
</button> 
<button class="btn btn-outline-gray-800">
</button> 
<button class="btn btn-gray-900">
</button> 
<button class="btn btn-outline-gray-900">
</button>