<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-white">White</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>

<a class="btn btn-primary-soft" href="#">Primary</a>
<a class="btn btn-dark-soft" href="#">Dark</a>
<a class="btn btn-light-soft" href="#">Light</a>
<a class="btn btn-secondary-soft" href="#">Secondary</a>
<a class="btn btn-success-soft" href="#">Success</a>
<a class="btn btn-danger-soft" href="#">Danger</a>
<a class="btn btn-warning-soft" href="#">Warning</a>
<a class="btn btn-info-soft" href="#">Info</a>

<a class="btn btn-primary" href="#" role="button">Link</a>
<button class="btn btn-primary" type="submit">Button</button>
<input class="btn btn-primary" type="button" value="Input">
<input class="btn btn-primary" type="submit" value="Submit">
<input class="btn btn-primary" type="reset" value="Reset">

<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>

<a class="btn btn-primary" href="#"><i class="fas fa-info-circle me-2"></i>Primary</a>
<a class="btn btn-dark" href="#">Dark <i class="fas fa-angle-right ms-2"></i></a>
<a class="btn btn-primary btn-round btn-sm" href="#"><i class="fas fa-play"></i></a>
<a class="btn btn-primary btn-round" href="#"><i class="fas fa-play"></i></a>
<a class="btn btn-primary btn-round btn-lg" href="#"><i class="fas fa-play"></i></a>

<a class="btn btn-primary btn-round zoom-hover me-3" href="#"><i class="fas fa-play"></i></a>

<a class="btn btn-round btn-primary-shadow" href="#"><i class="fas fa-play"></i></a>

<a class="btn btn-primary btn-xs" href="#">x Small</a>
<a class="btn btn-primary btn-sm" href="#">Small</a>
<a class="btn btn-primary" href="#">Default</a>
<a class="btn btn-primary btn-lg" href="#">Large</a>

<button type="button" class="btn btn-lg btn-primary" disabled>Primary button</button>
<button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>

<a href="#" class="btn btn-primary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Primary link</a>
<a href="#" class="btn btn-secondary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Link</a>

<div class="d-grid gap-2">
	<button class="btn btn-primary" type="button">Button</button>
	<button class="btn btn-primary" type="button">Button</button>
</div>

<div class="d-grid gap-2 d-md-block">
	<button class="btn btn-primary" type="button">Button</button>
	<button class="btn btn-primary" type="button">Button</button>
</div>
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
	<button class="btn btn-primary me-md-2" type="button">Button</button>
	<button class="btn btn-primary" type="button">Button</button>
</div>