<div class="dropBtn"> <button class="btn_large btn_blue">Button Name<span><i class="chevron-down"></i></span></button> <div class="drop_list" style="display:none;"> <ul> <li><a href="#">dropButton name1</a></li> <li><a href="#">dropButton name2</a></li> <li><a href="#">dropButton name3</a></li> </ul> </div> </div>
<div class="dropBtn"> <button class="btn_blue">Button Name<span><i class="chevron-down"></i></span></button> <div class="drop_list" style="display:none;"> <ul> <li><a href="#">dropButton name1</a></li> <li><a href="#">dropButton name2</a></li> <li><a href="#">dropButton name3</a></li> </ul> </div> </div>
<div class="dropBtn"> <button class="btn_simple btn_blue">Button Name<span><i class="chevron-down"></i></span></button> <div class="drop_list" style="display:none;"> <ul> <li><a href="#">dropButton name1</a></li> <li><a href="#">dropButton name2</a></li> <li><a href="#">dropButton name3</a></li> </ul> </div> </div>
<button class="btn_large btn_white"><i class="cloud-upload"></i>Upload</button> <button class="btn_large btn_sky"><i class="box-arrow-download"></i>Download</button> <button class="btn_large btn_blue"><i class="gear-check-fill"></i>Setting</button> <button class="btn_large btn_green"><i class="file-excel-xlsx"></i>Excel</button>
<button class="btn_white"><i class="cloud-upload"></i>Upload</button> <button class="btn_sky"><i class="box-arrow-download"></i>Download</button> <button class="btn_blue"><i class="gear-check-fill"></i>Setting</button> <button class="btn_green"><i class="file-excel-xlsx"></i>Excel</button>
<button class="btn_small btn_white"><i class="cloud-upload"></i>Upload</button> <button class="btn_small btn_sky"><i class="box-arrow-download"></i>Download</button> <button class="btn_small btn_blue"><i class="gear-check-fill"></i>Setting</button> <button class="btn_small btn_green"><i class="file-excel-xlsx"></i>Excel</button>
<button class="btn_simple btn_white"><i class="cloud-upload"></i>Upload</button> <button class="btn_simple btn_sky"><i class="box-arrow-download"></i>Download</button> <button class="btn_simple btn_blue"><i class="gear-check-fill"></i>Setting</button> <button class="btn_simple btn_green"><i class="file-excel-xlsx"></i>Excel</button>
<button class="btn_blue_grd">Blue</button> <button class="btn_green_grd">Green</button> <button class="btn_red_grd">Red</button> <button class="btn_purple_grd">Purple</button>
<button class="btn_large btn_blue">Large</button> <button class="btn_blue">Normal</button> <button class="btn_small btn_blue">Small</button> <button class="btn_simple btn_blue">Simple</button>
<button class="btn_blue">Blue</button> <button class="btn_sky">Sky</button> <button class="btn_emerald">Emerald</button> <button class="btn_green">Green</button> <button class="btn_yellow">Yellow</button> <button class="btn_orange">Orange</button> <button class="btn_red">Red</button> <button class="btn_gray">Gray</button> <button class="btn_light-gray">Light Gray</button> <button class="btn_white">White</button>
<button class="btn_small btn_blue">Button</button> <button class="btn_small btn_green">Button</button> <button class="btn_small btn_sky">Button</button> <button class="btn_small btn_yellow">Button</button> <button class="btn_small btn_orange">Button</button> <button class="btn_small btn_emerald">Button</button> <button class="btn_small btn_white">Button</button> <button class="btn_small btn_red">Button</button> <button class="btn_small btn_gray">Button</button> <button class="btn_small btn_gray2">Button</button>
<button class="btn_simple btn_blue">Button</button> <button class="btn_simple btn_green">Button</button> <button class="btn_simple btn_sky">Button</button> <button class="btn_simple btn_yellow">Button</button> <button class="btn_simple btn_orange">Button</button> <button class="btn_simple btn_emerald">Button</button> <button class="btn_simple btn_white">Button</button> <button class="btn_simple btn_red">Button</button> <button class="btn_simple btn_gray">Button</button> <button class="btn_simple btn_gray2">Button</button>
<button class="btn_large btn_icon_only btn_blue" title="search"><i class="search-large-bold"></i></button> <button class="btn_large btn_icon_only btn_green" title="add image"><i class="add-image"></i></button> <button class="btn_large btn_icon_only btn_sky" title="add"><i class="app-add"></i></button> <button class="btn_large btn_icon_only btn_yellow" title="memo"><i class="memo-post"></i></button> <button class="btn_large btn_icon_only btn_orange" title="collection"><i class="collection-code"></i></button> <button class="btn_large btn_icon_only btn_emerald" title="chat"><i class="chat-circle-right-dot"></i></button> <button class="btn_large btn_icon_only btn_white" title="reset"><i class="reset"></i></button> <button class="btn_large btn_icon_only btn_nocolor" title="share"><i class="share"></i></button>
<button class="btn_icon_only btn_blue" title="search"><i class="search-large-bold"></i></button> <button class="btn_icon_only btn_green" title="add image"><i class="add-image"></i></button> <button class="btn_icon_only btn_sky" title="add"><i class="app-add"></i></button> <button class="btn_icon_only btn_yellow" title="memo"><i class="memo-post"></i></button> <button class="btn_icon_only btn_orange" title="collection"><i class="collection-code"></i></button> <button class="btn_icon_only btn_emerald" title="chat"><i class="chat-circle-right-dot"></i></button> <button class="btn_icon_only btn_white" title="reset"><i class="reset"></i></button> <button class="btn_icon_only btn_nocolor" title="share"><i class="share"></i></button>
<button class="btn_small btn_icon_only btn_blue" title="search"><i class="search-large-bold"></i></button> <button class="btn_small btn_icon_only btn_green" title="add image"><i class="add-image"></i></button> <button class="btn_small btn_icon_only btn_sky" title="add"><i class="app-add"></i></button> <button class="btn_small btn_icon_only btn_yellow" title="memo"><i class="memo-post"></i></button> <button class="btn_small btn_icon_only btn_orange" title="collection"><i class="collection-code"></i></button> <button class="btn_small btn_icon_only btn_emerald" title="chat"><i class="chat-circle-right-dot"></i></button> <button class="btn_small btn_icon_only btn_white" title="reset"><i class="reset"></i></button> <button class="btn_small btn_icon_only btn_nocolor" title="share"><i class="share"></i></button>
<button class="btn_simple btn_icon_only btn_blue" title="search"><i class="search-large-bold"></i></button> <button class="btn_simple btn_icon_only btn_green" title="add image"><i class="add-image"></i></button> <button class="btn_simple btn_icon_only btn_sky" title="add"><i class="app-add"></i></button> <button class="btn_simple btn_icon_only btn_yellow" title="memo"><i class="memo-post"></i></button> <button class="btn_simple btn_icon_only btn_orange" title="collection"><i class="collection-code"></i></button> <button class="btn_simple btn_icon_only btn_emerald" title="chat"><i class="chat-circle-right-dot"></i></button> <button class="btn_simple btn_icon_only btn_white" title="reset"><i class="reset"></i></button> <button class="btn_simple btn_icon_only btn_nocolor" title="share"><i class="share"></i></button>