Custom Buttons

<a class="dg-btn-1 radius-3px btn-accent" href="#">DEFAULT</a> 
<a class="dg-btn-1 radius-3px btn-primary" href="#">PRIMARY</a> 
<a class="dg-btn-1 radius-3px btn-success" href="#">SUCCESS</a> 
<a class="dg-btn-1 radius-3px btn-info" href="#">INFO</a> 
<a class="dg-btn-1 radius-3px btn-warning" href="#">WARNING</a> 
<a class="dg-btn-1 radius-3px btn-danger" href="#">DANGER</a> 
<a class="dg-btn-1 radius-3px btn-accent" href="#"><span class="fa fa-shopping-cart"></span></a> 
<a class="dg-btn-1 radius-3px btn-accent" href="#"><span class="fa fa-cloud-download mr"></span>DEFAULT SIZE</a>

<a class="dg-btn-1 btn-accent" href="#">DEFAULT</a> 
<a class="dg-btn-1 btn-primary" href="#">PRIMARY</a> 
<a class="dg-btn-1 btn-success" href="#">SUCCESS</a> 
<a class="dg-btn-1 btn-info" href="#">INFO</a> 
<a class="dg-btn-1 btn-warning" href="#">WARNING</a> 
<a class="dg-btn-1 btn-danger" href="#">DANGER</a> 
<a class="dg-btn-1 btn-accent" href="#"><span class="fa fa-shopping-cart"></span></a> 
<a class="dg-btn-1 btn-accent" href="#"><span class="fa fa-cloud-download mr"></span>DEFAULT SIZE</a>

<a class="dg-btn-2 radius-3px btn-accent" href="#">DEFAULT</a> 
<a class="dg-btn-2 radius-3px btn-primary" href="#">PRIMARY</a> 
<a class="dg-btn-2 radius-3px btn-success" href="#">SUCCESS</a> 
<a class="dg-btn-2 radius-3px btn-info" href="#">INFO</a> 
<a class="dg-btn-2 radius-3px btn-warning" href="#">WARNING</a> 
<a class="dg-btn-2 radius-3px btn-danger" href="#">DANGER</a> 
<a class="dg-btn-2 radius-3px btn-accent" href="#"><span class="fa fa-shopping-cart"></span></a> 
<a class="dg-btn-2 radius-3px btn-accent" href="#"><span class="fa fa-cloud-download mr"></span>DEFAULT SIZE</a>

<a class="dg-btn-2 radius-3px btn-accent" href="#">DEFAULT</a> 
<a class="dg-btn-2 radius-3px btn-primary" href="#">PRIMARY</a> 
<a class="dg-btn-2 radius-3px btn-success" href="#">SUCCESS</a> 
<a class="dg-btn-2 radius-3px btn-info" href="#">INFO</a> 
<a class="dg-btn-2 radius-3px btn-warning" href="#">WARNING</a> 
<a class="dg-btn-2 radius-3px btn-danger" href="#">DANGER</a> 
<a class="dg-btn-2 radius-3px btn-accent" href="#"><span class="fa fa-shopping-cart"></span></a> 
<a class="dg-btn-2 radius-3px btn-accent" href="#"><span class="fa fa-cloud-download mr"></span>DEFAULT SIZE</a>

<a class="dg-btn-4 radius-3px btn-accent" href="#">DEFAULT</a> 
<a class="dg-btn-4 radius-3px btn-primary" href="#">PRIMARY</a> 
<a class="dg-btn-4 radius-3px btn-success" href="#">SUCCESS</a> 
<a class="dg-btn-4 radius-3px btn-info" href="#">INFO</a> 
<a class="dg-btn-4 radius-3px btn-warning" href="#">WARNING</a> 
<a class="dg-btn-4 radius-3px btn-danger" href="#">DANGER</a> 
<a class="dg-btn-4 radius-3px btn-accent" href="#"><span class="fa fa-shopping-cart"></span></a> 
<a class="dg-btn-4 radius-3px btn-accent" href="#"><span class="fa fa-cloud-download mr"></span>DEFAULT SIZE</a>

<a class="dg-btn-1 btn-borland-g" href="#">DEFAULT</a> 
<a class="dg-btn-1 btn-primary-g" href="#">PRIMARY</a> 
<a class="dg-btn-1 btn-success-g" href="#">SUCCESS</a> 
<a class="dg-btn-1 btn-info-g" href="#">INFO</a> 
<a class="dg-btn-1 btn-warning-g" href="#">WARNING</a> 
<a class="dg-btn-1 btn-danger-g" href="#">DANGER</a> 
<a class="dg-btn-1 btn-borland-g" href="#"><span class="fa fa-shopping-cart"></span></a> 
<a class="dg-btn-1 btn-borland-g" href="#"><span class="fa fa-cloud-download mr"></span>DEFAULT SIZE</a>

<a class="dg-btn-3 radius-3px btn-accent" href="#">DEFAULT</a> 
<a class="dg-btn-3 radius-3px btn-primary" href="#">PRIMARY</a> 
<a class="dg-btn-3 radius-3px btn-success" href="#">SUCCESS</a> 
<a class="dg-btn-3 radius-3px btn-info" href="#">INFO</a> 
<a class="dg-btn-3 radius-3px btn-warning" href="#">WARNING</a> 
<a class="dg-btn-3 radius-3px btn-danger" href="#">DANGER</a> 
<a class="dg-btn-3 radius-3px btn-accent" href="#"><span class="fa fa-shopping-cart"></span></a> 
<a class="dg-btn-3 radius-3px btn-accent" href="#"><span class="fa fa-cloud-download mr"></span>DEFAULT SIZE</a>

<a class="dg-btn-5 radius-3px btn-accent" href="#">DEFAULT</a> 
<a class="dg-btn-5 radius-3px btn-primary" href="#">PRIMARY</a> 
<a class="dg-btn-5 radius-3px btn-success" href="#">SUCCESS</a> 
<a class="dg-btn-5 radius-3px btn-info" href="#">INFO</a> 
<a class="dg-btn-5 radius-3px btn-warning" href="#">WARNING</a> 
<a class="dg-btn-5 radius-3px btn-danger" href="#">DANGER</a> 
<a class="dg-btn-5 radius-3px btn-accent" href="#"><span class="fa fa-shopping-cart"></span></a> 
<a class="dg-btn-5 radius-3px btn-accent" href="#"><span class="fa fa-cloud-download mr"></span>DEFAULT SIZE</a>

<a class="dg-btn-1 size-xs btn-accent" href="#">EXTRA SMALL SIZE</a> 
<a class="dg-btn-1 size-sm btn-accent" href="#">SMALL SIZE</a> 
<a class="dg-btn-1 btn-accent" href="#">DEFAULT SIZE</a> 
<a class="dg-btn-1 size-lg btn-accent" href="#">LARGE SIZE</a> 
<a class="dg-btn-1 size-xl btn-accent" href="#">EXTRA LARGE SIZE</a>

<a class="dg-btn-2 btn-accent" href="#">RECTANGLE</a> 
<a class="dg-btn-2 radius-3px btn-accent" href="#">RADIUS 3PX</a> 
<a class="dg-btn-2 radius-5px btn-accent" href="#">RADIUS 5PX</a> 
<a class="dg-btn-2 radius-6px btn-accent" href="#">RADIUS 6PX</a> 
<a class="dg-btn-2 radius-10px btn-accent" href="#">RADIUS 10PX</a> 
<a class="dg-btn-2 radius-15px btn-accent" href="#">RADIUS 15PX</a> 
<a class="dg-btn-2 radius-semi-circle btn-accent" href="#">SEMI CIRCLE</a>

<a class="dg-btn-1 btn-accent icon-out icon-left" href="#"><i class="fa fa-shopping-cart"></i><span>Icon Animation</span></a> 
<a class="dg-btn-1 btn-accent icon-out icon-right" href="#"><span>Icon Animation</span><i class="fa fa-shopping-cart"></i></a> 
<a class="dg-btn-1 btn-accent icon-in icon-left" href="#"><i class="fa fa-shopping-cart"></i><span>Icon Animation</span></a> 
<a class="dg-btn-1 btn-accent icon-in icon-right" href="#"><span>Icon Animation</span><i class="fa fa-shopping-cart"></i></a> 
<a class="dg-btn-1 btn-accent icon-bounce icon-left" href="#"><i class="fa fa-shopping-cart"></i><span>Icon Animation</span></a> 
<a class="dg-btn-1 btn-accent icon-bounce icon-right" href="#"><span>Icon Animation</span><i class="fa fa-shopping-cart"></i></a> 
<a class="dg-btn-1 btn-accent icon-left" href="#"><i class="fa fa-shopping-cart"></i><span>Icon Animation</span></a> 
<a class="dg-btn-1 btn-accent icon-right" href="#"><span>Icon Animation</span><i class="fa fa-shopping-cart"></i></a>

<a class="dg-btn-1 size-sm btn-turquoise" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-borland" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-denim" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-gray" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-black" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-night" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-emerald" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-orange" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-chambray" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-bittersweet" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-pelorous" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-citrus" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-blackberry" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-melon" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-lipstick" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-darkcyan" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-toryblue" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-crimson" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-celery" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm size-sm btn-pink" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-citrus2" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-comet" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-atomic" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-seagreen" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-shadowgreen" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-silver" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-acapulco" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-rock" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-midnightblue" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-darkturquoise" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-radicalred" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-cadetblue" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-sunshade" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-blackberry" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-mantis" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-saffron" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-shamrock" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-orange2" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-primary" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-success" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm size-sm btn-info" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-warning" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-danger" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-turquoise-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-navyblue-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-blue-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-jewel-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-borland-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-primary-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-success-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-info-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-warning-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-danger-g" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-accent" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-accent2" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-accent3" href="#">BUTTON</a>
<a class="dg-btn-1 size-sm btn-accent4" href="#">BUTTON</a>