a.taq-button { border: medium none; cursor: pointer; padding: 0px 15px 0px 60px; display: inline-block; margin: 10px 0px 0px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: medium none currentcolor; position: relative; transition: all 0.3s ease 0s; background: rgb(199, 199, 199) none repeat scroll 0% 0%; color: rgb(255, 255, 255) !important; text-decoration: none; font-size: 14px; height: 45px; line-height: 45px; opacity: 0.9; overflow: hidden; }
a.taq-button.without-icon { padding: 0px 15px !important; }
a.taq-button:hover { opacity: 1; }
a.taq-button i { background: rgba(0, 0, 0, 0.07) none repeat scroll 0% 0%; position: absolute; height: 100%; left: 0px; top: 0px; line-height: 45px; width: 45px; text-align: center; }
a.taq-gradient { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0px, rgba(0, 0, 0, 0) 100%); }
a.taq-button.taq-large { font-size: 24px; height: 65px; line-height: 65px; padding: 0px 20px 0px 80px; }
a.taq-button.taq-large.without-icon { padding: 0px 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: 0px 10px 0px 35px; }
a.taq-button.taq-small.without-icon { padding: 0px 10px !important; }
a.taq-button.taq-small i { line-height: 25px; width: 25px; }
a.taq-round { border-radius: 5px; }
a.taq-pill { border-radius: 200px; }
body.rtl a.taq-button i { left: auto; right: 0px; }
body.rtl a.taq-button { padding: 0px 60px 0px 15px; }
body.rtl a.taq-button.taq-large { padding: 0px 80px 0px 20px; }
body.rtl a.taq-button.taq-small { padding: 0px 35px 0px 10px; }
#taq-button-wrapper { display: none; }
#taq-button-colour { margin: 0px; display: table; }
#taq-button-colour li { margin: 0px 3px 3px 0px; float: left; }
#taq-button-colour li input { display: none; }
#taq-button-colour a { text-decoration: none; color: rgb(255, 255, 255); }
#taq-button-colour a span { padding: 0px 8px; display: block; height: 25px; line-height: 25px; }
#taq-button-preview { text-align: center; margin: 10px 0px; }
#taq-button-icons { height: 250px; overflow-y: scroll; background: rgb(250, 250, 250) none repeat scroll 0% 0%; border: 1px solid rgb(238, 238, 238); padding: 10px; clear: both; margin-top: 10px; }
#taq-button-icons li { margin: 0px; list-style: outside none none; display: inline; }
#taq-button-icons li a { font-size: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin: 2px; float: left; width: 4%; padding: 5px 5px 0px; text-align: center; line-height: 4%; display: block; border: 1px solid rgb(229, 229, 229); box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 1px; color: rgb(136, 136, 136); }
#taq-button-icons li a.active { color: rgb(0, 116, 162) !important; box-shadow: rgb(0, 116, 162) 0px 0px 0px 3px inset; }
#taq-button-icons li a:hover { color: rgb(51, 51, 51); }
#taq-button-icons li a i { font-size: 16px; line-height: 2; }
#taq-button-icons li a i.none::before { content: "."; color: rgb(255, 255, 255); }
body.rtl #taq-button-colour li { margin: 0px 0px 3px 3px; float: right; }
body.rtl #taq-button-icons li a { float: right; }