﻿.a-btn{background:#00d4d7;background:-webkit-gradient(linear,left top,left bottom,color-stop(#00d4d7,0),color-stop(#00afb2,1));background:-webkit-linear-gradient(top,#00d4d7 0%,#00afb2 100%);background:-moz-linear-gradient(top,#00d4d7 0%,#00afb2 100%);background:-o-linear-gradient(top,#00d4d7 0%,#00afb2 100%);background:linear-gradient(top,#00d4d7 0%,#00afb2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d4d7',endColorstr='#00afb2',GradientType=0 );padding-left:20px;padding-right:80px;height:38px;display:inline-block;position:relative;border:1px solid #5d81ab;-webkit-box-shadow:0 1px 1px rgba(255,255,255,.8) inset,1px 1px 3px rgba(0,0,0,.2),0 0 0 4px rgba(188,188,188,.5);-moz-box-shadow:0 1px 1px rgba(255,255,255,.8) inset,1px 1px 3px rgba(0,0,0,.2),0 0 0 4px rgba(188,188,188,.5);box-shadow:0 1px 1px rgba(255,255,255,.8) inset,1px 1px 3px rgba(0,0,0,.2),0 0 0 4px rgba(188,188,188,.5);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;float:left;clear:both;overflow:hidden;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.a-btn-text{padding-top:3.5px;display:block;font-size:18px;font-weight:700;white-space:nowrap;text-shadow:0 1px 1px rgba(255,255,255,.3);color:#446388;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.a-btn-slide-text{position:absolute;height:100%;top:0;right:52px;width:0;background:#00afb2;text-shadow:0 -1px 1px #00afb2;color:#fff;font-size:18px;white-space:nowrap;text-transform:uppercase;text-align:left;text-indent:10px;overflow:hidden;line-height:38px;-webkit-box-shadow:-1px 0 1px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2) inset;-moz-box-shadow:-1px 0 1px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2) inset;box-shadow:-1px 0 1px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2) inset;-webkit-transition:width .3s linear;-moz-transition:width .3s linear;-o-transition:width .3s linear;transition:width .3s linear}.a-btn-icon-right{position:absolute;right:0;top:0;height:100%;width:52px;border-left:1px solid #00afb2;-webkit-box-shadow:1px 0 1px rgba(255,255,255,.4) inset;-moz-box-shadow:1px 0 1px rgba(255,255,255,.4) inset;box-shadow:1px 0 1px rgba(255,255,255,.4) inset}.a-btn-icon-right span{width:38px;height:38px;opacity:1;position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;background:transparent url(../images/arrow_right.png) no-repeat 50% 55%;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.a-btn:hover{padding-right:180px;-webkit-box-shadow:0 1px 1px rgba(255,255,255,.8) inset,1px 1px 3px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(255,255,255,.8) inset,1px 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(255,255,255,.8) inset,1px 1px 3px rgba(0,0,0,.2)}.a-btn:hover .a-btn-text{text-shadow:0 1px 1px #00afb2;color:#fff}.a-btn:hover .a-btn-slide-text{width:107px}.a-btn:hover .a-btn-icon-right span{opacity:.7}.a-btn:active{position:relative;top:1px;background:#00afb2;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.4) inset;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.4) inset;box-shadow:1px 1px 2px rgba(0,0,0,.4) inset;border-color:#00afb2}