a.taq-button{
border: none;
cursor: pointer;
padding: 0 15px 0 60px;
display: inline-block;
margin: 10px 0 0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #c7c7c7;
color: #fff !important;
text-decoration: none !important;
font-size: 14px;
height: 45px;
line-height: 45px;
opacity: .9;
overflow: hidden;
}
a.taq-button.without-icon{padding: 0 15px !important;}
a.taq-button:hover{ opacity: 1; }
a.taq-button i{
background: rgba(0,0,0,0.07);
position: absolute;
height: 100%;
left: 0;
top: 0;
line-height: 45px;
width: 45px;
text-align: center;
} a.taq-gradient{
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 100%);
background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 100%);
background-image: -ms-linear-gradient(bottom,rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 100%);
background-image: -o-linear-gradient(bottom,rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 100%);
background-image: linear-gradient(to top,rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 100%);
}  a.taq-button.taq-large{
font-size: 24px;
height: 65px;
line-height: 65px;
padding: 0 20px 0 80px;
}
a.taq-button.taq-large.without-icon{padding: 0 20px !important;}
a.taq-button.taq-large i{
line-height: 65px;
width: 65px;
} a.taq-button.taq-small{
font-size: 10px;
height: 25px;
line-height: 25px;
padding: 0 10px 0 35px;
}
a.taq-button.taq-small.without-icon{padding: 0 10px !important;}
a.taq-button.taq-small i{
line-height: 25px;
width: 25px;
} a.taq-round{
-webkit-border-radius: 5px;
border-radius: 5px;
}
a.taq-pill{
-webkit-border-radius: 200px;
border-radius: 200px;
} body.rtl a.taq-button i {
left: auto;
right: 0;
}
body.rtl a.taq-button {
padding: 0 60px 0 15px;
}
body.rtl a.taq-button.taq-large{
padding: 0 80px 0 20px;
}
body.rtl a.taq-button.taq-small{
padding: 0 35px 0 10px;
} #taq-button-wrapper{ display: none; }
#taq-button-colour{margin: 0; display: table;}
#taq-button-colour li {
margin: 0 3px 3px 0;
float: left;
}
#taq-button-colour li input{
display: none;
}
#taq-button-colour a {
text-decoration: none;
color: #FFF;
}
#taq-button-colour a span {
padding: 0 8px;
display: block;
height: 25px;
line-height: 25px;
}
#taq-button-preview{
text-align: center;
margin: 10px 0;
}
#taq-button-icons{
height: 250px;
overflow-y: scroll;
background: #fafafa;
border: 1px solid #eee;
padding: 10px;
clear: both;
margin-top: 10px;
}
#taq-button-icons li{
margin: 0;
list-style: none;
display: inline;
}
#taq-button-icons li a{
font-size: 0;
background: #FFF;
margin: 2px;
float: left;
width: 4%;
padding: 5px 5px 0 5px;
text-align: center;
line-height: 4%;
display: block;
border: 1px solid #e5e5e5;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
box-shadow: 0 1px 1px rgba(0,0,0,.04);
color: #888;
}
#taq-button-icons li a.active{
color:#0074a2 !important;
box-shadow: inset 0 0 0 3px #0074a2;
}
#taq-button-icons li a:hover{ color: #333;}
#taq-button-icons li a i {
font-size: 16px;
line-height: 2;
}
#taq-button-icons li a i.none:before {
content: '.';
color: #FFF;
} body.rtl #taq-button-colour li {
margin: 0 0 3px 3px;
float: right;
}
body.rtl #taq-button-icons li a{
float: right;
}