Button

                
<h3 class="sc-sub-title">Style 1</h3>
<a href="#" class="deff-btn sc-btn-01 style-01 black-btn  uppercase"><span>Order Now</span></a>
<br /><br />
<a href="#" class="deff-btn sc-btn-01 style-02  black-btn  uppercase"><span>Order Now</span></a>
<br /><br />
<a href="#" class="deff-btn sc-btn-01 style-03 black-btn  uppercase"><span>Order Now</span></a>

<h3 class="sc-sub-title">Style 2</h3>
<a href="#" class="deff-btn sc-btn-02 style-01 orange-btn uppercase railway">
<span>Buy The Theme</span>
</a>
<br /><br />
<a href="#" class="deff-btn sc-btn-02 style-02 orange-btn uppercase railway">
<span>Buy The Theme</span>
</a>
<br /><br />
<a href="#" class="deff-btn sc-btn-02 style-03 orange-btn uppercase railway">
<span>Buy The Theme</span>
</a>
<br /><br />

<h3 class="sc-sub-title">Style 3</h3>
<a href="#" class="deff-btn sc-btn-03 style-01 btn-2 uppercase">
<span>Read More</span>
</a>
<br /><br />
<a href="#" class="deff-btn sc-btn-03 style-02 btn-2 uppercase">
<span>Read More</span>
</a>
<br /><br />
<a href="#" class="deff-btn sc-btn-03 style-03 btn-2 uppercase">
<span>Read More</span>
</a>
<br /><br />

<h3 class="sc-sub-title">Style 4</h3>
<a href="#" class="btn-def sc-btn-04 style-01 btn2">Check it out<i class="zmdi zmdi-long-arrow-right"></i></a>
<br /><br />
<a href="#" class="btn-def sc-btn-04 style-02 btn2">Check it out<i class="zmdi zmdi-long-arrow-right"></i></a>
<br /><br />
<a href="#" class="btn-def sc-btn-04 style-03 btn2">Check it out<i class="zmdi zmdi-long-arrow-right"></i></a>
<br /><br />

<h3 class="sc-sub-title">Style 5</h3>
<a href="#" class="btn-def sc-btn-05 style-01">Checkout</a><br><br>
<a href="#" class="btn-def sc-btn-05 style-02">Checkout</a><br><br>
<a href="#" class="btn-def sc-btn-05 style-03">Checkout</a>

<h3 class="sc-sub-title">Style 6</h3>
<a class="deff-btn sc-btn-06 style-01 uppercase" href="#">
<span>Purchase Now</span>
</a><br><br>
<a class="deff-btn sc-btn-06 style-02 uppercase" href="#">
<span>Purchase Now</span>
</a><br><br>
<a class="deff-btn sc-btn-06 style-03 uppercase" href="#">
<span>Purchase Now</span>
</a>

<h3 class="sc-sub-title">Style 7</h3>
<a class="deff-btn sc-btn-07 style-01 uppercase" href="#">
<span>Purchase Now</span>
</a>
<br>
<br>
<a class="deff-btn sc-btn-07 style-02 uppercase" href="#">
<span>Purchase Now</span>
</a>
<br>
<br>
<a class="deff-btn sc-btn-07 style-03 uppercase" href="#">
<span>Purchase Now</span>
</a>
<br>
<br>

<h3 class="sc-sub-title">Style 8</h3>
<a href="#" class="button button-border sc-btn-07 style-01 button-reset">Reset All</a>
<br>
<br>
<a href="#" class="button button-border sc-btn-07 style-02 button-reset">Reset All</a>
<br>
<br>
<a href="#" class="button button-border sc-btn-07 style-03 button-reset">Reset All</a>
<br>
<br>

            
            

                
/* one */
.deff-btn.black-btn.sc-btn-01:hover {
  border-color: #222;
  color: #222;
}
.deff-btn.black-btn.style-02 {
  height: 40px;
  line-height: 38px;
  padding: 0 25px;
}
.deff-btn.black-btn.style-03 {
  font-size: 12px;
  height: 35px;
  line-height: 33px;
  min-width: auto;
  padding: 0 15px;
  text-align: center;
}
/* two */
.deff-btn.sc-btn-02.style-02.orange-btn {
  min-width: auto;
  padding: 7px 15px;
}
.deff-btn.sc-btn-02.style-03.orange-btn {
  min-width: auto;
  padding: 5px 10px;
}
/* three */
.deff-btn.sc-btn-03.style-02.btn-2 {
  min-width: auto;
  padding: 10px 30px;
}
.deff-btn.sc-btn-03.style-03 {
  min-width: auto;
  padding: 8px 25px;
}
/* four */
.btn-def.sc-btn-04.style-02 {
  height: 35px;
  line-height: 35px;
  min-width: auto;
  padding: 0 20px;
}
.btn-def.sc-btn-04.style-03 {
  height: 30px;
  line-height: 30px;
  min-width: auto;
  padding: 0 15px;
}
/* five */
.btn-def.sc-btn-05.style-02 {
  padding: 0 20px;
}
.btn-def.sc-btn-05.style-03 {
  height: 35px;
  line-height: 34px;
  padding: 0 15px;
}
/* six */
.deff-btn.sc-btn-06:hover {
  background: #222 none repeat scroll 0 0;
  border-color: #222;
}
.deff-btn.sc-btn-06.style-02 {
  padding: 12px 30px;
}
.deff-btn.sc-btn-06.style-03 {
  min-width: auto;
  padding: 10px 20px;
}
/* seven */
.deff-btn.sc-btn-07 {
  border: 1px solid #222;
  color: #222;
}
.deff-btn.sc-btn-07:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: #2395ec;
  color: #2395ec;
}
.deff-btn.sc-btn-07.style-02 {
  padding: 12px 30px;
}
.deff-btn.sc-btn-07.style-03 {
  min-width: auto;
  padding: 10px 20px;
}
/* eight */
.button.button-border.sc-btn-07 {
  background: #2395ec none repeat scroll 0 0;
  border-radius: 0;
  height: 50px;
  line-height: 50px;
  min-width: 150px;
  text-align: center;
}
.button.button-border.sc-btn-07.style-02 {
    height: 45px;
    line-height: 45px;
    min-width: 140px;
}
.button.button-border.sc-btn-07.style-03 {
    height: 40px;
    line-height: 40px;
    min-width: 130px;
}