-
Notifications
You must be signed in to change notification settings - Fork 0
/
awesome-bootstrap-buttons.min.css
1 lines (1 loc) · 19.9 KB
/
awesome-bootstrap-buttons.min.css
1
.btn.btn-hBBottomLeft,.btn.btn-hBBottomRight,.btn.btn-hBorderBottom,.btn.btn-hBorderTop,.btn.btn-hBorderTopBottom,.btn.btn-hBorderTopLeft,.btn.btn-hXeffect1,.btn.btn-hXeffect2,.btn.btn-hskewY{border-radius:0;overflow:hidden}.btn{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.btn:hover{box-shadow:0 3px 7px 0 rgba(0,0,0,.16),0 3px 15px 0 rgba(0,0,0,.16)}.btn.btn-hLeft{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hLeft:after,.btn.btn-hLeft:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;width:0;color:#333}.btn.btn-hLeft:after{height:100%;top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hLeft:before,.btn.btn-hRight:after{height:100%;-webkit-transition:all .5s ease 0s}.btn.btn-hLeft:before{bottom:0;right:0;transition:all .5s ease 0s}.btn:hover.btn-hLeft:after{width:100%}.btn.btn-hRight{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hRight:after,.btn.btn-hRight:before{width:0;position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hRight:after{top:0;left:0;transition:all .5s ease 0s}.btn.btn-hRight:before,.btn.btn-hUp:after{height:100%;-webkit-transition:all .5s ease 0s}.btn.btn-hRight:before{bottom:0;right:0;transition:all .5s ease 0s}.btn:hover.btn-hRight:before{width:100%}.btn.btn-hUp{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hUp:after,.btn.btn-hUp:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hUp:after{width:0;top:0;left:0;transition:all .5s ease 0s}.btn.btn-hDown:before,.btn.btn-hUp:before{-webkit-transition:all .5s ease 0s;right:0;bottom:0}.btn.btn-hUp:before{width:100%;transition:all .5s ease 0s;height:0}.btn:hover.btn-hUp:before{height:100%}.btn.btn-hDown{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hDown:after,.btn.btn-hDown:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hDown:before{height:100%;transition:all .5s ease 0s;width:0}.btn.btn-hDown:after{height:0;width:100%;top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hDown:after{height:100%}.btn.btn-hCenter{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hCenter:after,.btn.btn-hCenter:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333;height:100%}.btn.btn-hCenter:before{bottom:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;width:0}.btn.btn-hCenter:after{-webkit-transform:scale(0);transform:scale(0);width:100%;top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hCenter:after{-webkit-transform:scale(1);transform:scale(1)}.btn.btn-hRotLeft{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hRotLeft:after,.btn.btn-hRotLeft:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hRotLeft:before{width:0;height:100%;bottom:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hRotLeft:after{height:200%;left:-90%;top:10%;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100%;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hRotLeft:after{left:0;top:0;-webkit-transform:rotate(0);transform:rotate(0)}.btn.btn-hRotRight{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hRotRight:after,.btn.btn-hRotRight:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hRotRight:before{height:100%;bottom:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;width:0}.btn.btn-hRotRight:after{height:200%;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-webkit-transform:skewX(90deg);transform:skewX(90deg);width:100%;top:0;left:0}.btn:hover.btn-hRotRight:after{-webkit-transform:skewX(0);transform:skewX(0)}.btn.btn-hskewDown{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hskewDown:after,.btn.btn-hskewDown:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";height:100%;z-index:-1;color:#333}.btn.btn-hskewDown:before{bottom:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;width:0}.btn.btn-hskewDown:after{-webkit-transform:skewY(90deg);transform:skewY(90deg);width:100%;top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hskewDown:after{-webkit-transform:skewY(0);transform:skewY(0)}.btn.btn-hDivideX{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hDivideX:after,.btn.btn-hDivideX:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";height:100%;z-index:-1;width:50%;color:#333}.btn.btn-hDivideX:after{top:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;left:-50%}.btn.btn-hDivideX:before{bottom:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;right:-50%}.btn:hover.btn-hDivideX:after{left:0}.btn:hover.btn-hDivideX:before{right:0}.btn.btn-hDivideOutX{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hDivideOutX:after,.btn.btn-hDivideOutX:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";height:100%;z-index:-1;width:50%;color:#333}.btn.btn-hDivideOutX:after{top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hDivideOutX:before{bottom:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hDivideOutX:after{left:-50%}.btn:hover.btn-hDivideOutX:before{right:-50%}.btn.btn-hDivideY{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hDivideY:after,.btn.btn-hDivideY:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";width:100%;z-index:-1;height:50%;color:#333}.btn.btn-hDivideY:after{top:-60%;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hDivideY:before{right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;Bottom:-60%}.btn:hover.btn-hDivideY:after{top:0}.btn:hover.btn-hDivideY:before{bottom:0}.btn.btn-hDivideOutY{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hDivideOutY:after,.btn.btn-hDivideOutY:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";width:100%;z-index:-1;height:50%;color:#333}.btn.btn-hDivideOutY:after{top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hDivideOutY:before{right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;Bottom:0}.btn:hover.btn-hDivideOutY:after{top:-60%}.btn:hover.btn-hDivideOutY:before{bottom:-60%}.btn.btn-hRolling{position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hRolling:after,.btn.btn-hRolling:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333;height:100%}.btn.btn-hRolling:before{bottom:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;width:0}.btn.btn-hRolling:after{-webkit-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);width:100%;top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hRolling:after{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}.btn.btn-hBorderTop{position:relative;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hBorderTop:after,.btn.btn-hBorderTop:before{width:0;position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hBorderTop:before{height:100%;bottom:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hBorderTop:after{height:4px;top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hBorderTop:after{width:100%}.btn.btn-hBorderBottom{position:relative;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hBorderBottom:after,.btn.btn-hBorderBottom:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;width:0;color:#333}.btn.btn-hBorderBottom:after{height:100%;top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hBorderBottom:before{bottom:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;height:4px}.btn:hover.btn-hBorderBottom:before{width:100%}.btn.btn-hBorderTopBottom{position:relative;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hBorderTopBottom:after,.btn.btn-hBorderTopBottom:before{height:4px;width:0;position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hBorderTopBottom:before{bottom:0;right:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hBorderTopBottom:after{top:0;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hBorderTopBottom:after,.btn:hover.btn-hBorderTopBottom:before{width:100%}.btn.btn-hBorderTopLeft{position:relative;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hBorderTopLeft:after,.btn.btn-hBorderTopLeft:before{position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";top:0;left:0;z-index:-1;color:#333}.btn.btn-hBorderTopLeft:before{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;height:0;width:4px}.btn.btn-hBorderTopLeft:after{height:4px;width:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hBorderTopLeft:after{width:100%}.btn:hover.btn-hBorderTopLeft:before{height:100%}.btn.btn-hBorderTopRight{border-radius:0;position:relative;overflow:hidden;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hBorderTopRight:after,.btn.btn-hBorderTopRight:before{right:0;top:0;position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hBorderTopRight:before{height:0;width:4px;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hBorderTopRight:after{height:4px;left:inherit;width:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hBorderTopRight:before{height:100%}.btn:hover.btn-hBorderTopRight:after{width:100%}.btn.btn-hBBottomRight{position:relative;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hBBottomRight:after,.btn.btn-hBBottomRight:before{right:0;bottom:0;position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hBBottomRight:before{height:0;width:4px;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hBBottomRight:after{height:4px;left:inherit;top:inherit;width:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hBBottomRight:after{width:100%}.btn:hover.btn-hBBottomRight:before{height:100%}.btn.btn-hBBottomLeft{position:relative;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hBBottomLeft:after,.btn.btn-hBBottomLeft:before{left:0;bottom:0;position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";z-index:-1;color:#333}.btn.btn-hBBottomLeft:before{height:0;width:4px;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn.btn-hBBottomLeft:after{height:4px;width:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hBBottomLeft:after{width:100%}.btn:hover.btn-hBBottomLeft:before{height:100%}.btn.btn-hXeffect1{position:relative;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hXeffect1:after,.btn.btn-hXeffect1:before{height:200px;width:0;z-index:-1;position:absolute;background-color:#e6e6e6;border-color:#adadad;content:"";color:#333}.btn.btn-hXeffect1:before{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;bottom:-80px;right:-20px;-webkit-transform:rotate(41deg);transform:rotate(41deg)}.btn.btn-hXeffect1:after{left:-20px;top:-80px;-webkit-transform:rotate(41deg);transform:rotate(41deg);-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}.btn:hover.btn-hXeffect1:after{width:40%}.btn:hover.btn-hXeffect1:before{width:36%}.btn.btn-hXeffect2{position:relative;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hXeffect2:after,.btn.btn-hXeffect2:before{height:100px;width:0;z-index:-1;position:absolute;background-color:#e6e6e6;border-color:#adadad;-webkit-transition:all .5s ease 0s;color:#333;content:""}.btn.btn-hXeffect2:before{transition:all .5s ease 0s;bottom:-25px;right:-8px;-webkit-transform:rotate(-38deg);transform:rotate(-38deg)}.btn.btn-hXeffect2:after{left:-8px;top:-25px;-webkit-transform:rotate(-38deg);transform:rotate(-38deg);transition:all .5s ease 0s}.btn:hover.btn-hXeffect2:after,.btn:hover.btn-hXeffect2:before{width:40%}.btn.btn-hskewY{position:relative;background-color:#fff;border-color:#ccc;color:#333;z-index:11}.btn.btn-hskewY:before{background:#e6e6e6;bottom:0;color:#333;content:"";height:100%;left:0;position:absolute;-webkit-transform:skewY(20deg);transform:skewY(20deg);-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;width:100%;z-index:-1}.btn.btn-info{background-color:#46b8da;border-color:#46b8da;color:#fff}.btn.btn-info:after,.btn.btn-info:before{background-color:#118baf;border-color:#269abc;color:#fff}.btn.btn-primary{background-color:#337ab7;border-color:#2e6da4;color:#fff}.btn.btn-primary:after,.btn.btn-primary:before{background-color:#286090;border-color:#204d74;color:#fff}.btn.btn-success{background-color:#5cb85c;border-color:#5cb85c;color:#fff}.btn.btn-success:after,.btn.btn-success:before{background-color:#2e882e;border-color:#398439;color:#fff}.btn.btn-warning{background-color:#f0ad4e;border-color:#eea236;color:#fff}.btn.btn-warning:after,.btn.btn-warning:before{background-color:#d68513;border-color:#d58512;color:#fff}.btn.btn-danger{background-color:#d9534f;border-color:#d43f3a;color:#fff}.btn.btn-danger:after,.btn.btn-danger:before{background-color:#b41f1b;border-color:#ac2925;color:#fff}.btn.btn-dark{background-color:#000;border-color:#000;color:#fff}.btn:hover.btn-dark:after,.btn:hover.btn-dark:before{background-color:#333;border-color:#111;color:#fff}.btn.btn-light,.btn.btn-tr,.btn.btn-tr-danger{border-color:#000;color:#000}.btn.btn-hDivideOutX.btn-dark,.btn.btn-hDivideOutY.btn-dark{color:#000}.btn.btn-hDivideOutX.btn-dark:hover,.btn.btn-hDivideOutY.btn-dark:hover{color:#fff}.btn.btn-light{background-color:#fff}.btn:hover.btn-light:after,.btn:hover.btn-light:before{background-color:#eee;border-color:#000;color:#000}.btn.btn-tr{background-color:transparent}.btn:hover.btn-tr:after,.btn:hover.btn-tr:before{background-color:#fff;border-color:#000;color:#000}.btn.btn-tr-danger{background-color:rgba(255,0,0,.2)}.btn.btn-tr-danger:hover{color:#fff}.btn.btn-tr-danger:hover:after,.btn.btn-tr-danger:hover:before{background-color:red;border-color:#adadad;content:"";color:#333;position:absolute}.btn.btn-hBBottomLeft.btn-tr-danger:hover,.btn.btn-hBBottomRight.btn-tr-danger:hover,.btn.btn-hBorderBottom.btn-tr-danger:hover,.btn.btn-hBorderTop.btn-tr-danger:hover,.btn.btn-hBorderTopBottom.btn-tr-danger:hover,.btn.btn-hBorderTopLeft.btn-tr-danger:hover,.btn.btn-hBorderTopRight.btn-tr-danger:hover{color:#000}.btn.btn-hDivideOutX.btn-tr-danger:after,.btn.btn-hDivideOutX.btn-tr-danger:before,.btn.btn-hDivideOutY.btn-tr-danger:after,.btn.btn-hDivideOutY.btn-tr-danger:before,.btn.btn-hXeffect2.btn-tr-danger:hover:after,.btn.btn-hXeffect2.btn-tr-danger:hover:before{background-color:red}.btn.btn-hDivideOutX.btn-tr-danger,.btn.btn-hDivideOutY.btn-tr-danger{color:#fff}.btn.btn-hDivideOutX.btn-tr-danger:hover,.btn.btn-hDivideOutY.btn-tr-danger:hover,.btn.btn-hXeffect1.btn-tr-danger:hover{color:#000}.btn.btn-tr-info{background-color:rgba(91,192,222,.2);border-color:#118baf;color:#000}.btn.btn-tr-info:hover{color:#fff}.btn.btn-tr-info:hover:after,.btn.btn-tr-info:hover:before{background-color:#46b8da;border-color:#118baf;content:"";color:#333;position:absolute}.btn.btn-hBBottomLeft.btn-tr-info:hover,.btn.btn-hBBottomRight.btn-tr-info:hover,.btn.btn-hBorderBottom.btn-tr-info:hover,.btn.btn-hBorderTop.btn-tr-info:hover,.btn.btn-hBorderTopBottom.btn-tr-info:hover,.btn.btn-hBorderTopLeft.btn-tr-info:hover,.btn.btn-hBorderTopRight.btn-tr-info:hover{color:#000}.btn.btn-hDivideOutX.btn-tr-info:after,.btn.btn-hDivideOutX.btn-tr-info:before,.btn.btn-hDivideOutY.btn-tr-info:after,.btn.btn-hDivideOutY.btn-tr-info:before{background-color:#46b8da}.btn.btn-hDivideOutX.btn-tr-info,.btn.btn-hDivideOutY.btn-tr-info{color:#fff}.btn.btn-hDivideOutX.btn-tr-info:hover,.btn.btn-hDivideOutY.btn-tr-info:hover{color:#000}.btn.btn-tr-primary{background-color:rgba(51,122,183,.2);border-color:#286090;color:#000}.btn.btn-hDivideOutX.btn-tr-primary:after,.btn.btn-hDivideOutX.btn-tr-primary:before,.btn.btn-hDivideOutY.btn-tr-primary:after,.btn.btn-hDivideOutY.btn-tr-primary:before{background:#337ab7}.btn.btn-tr-primary:hover{color:#fff}.btn.btn-tr-primary:hover:after,.btn.btn-tr-primary:hover:before{background-color:#337ab7;border-color:#286090;content:"";color:#333;position:absolute}.btn.btn-hDivideOutX.btn-tr-primary,.btn.btn-hDivideOutY.btn-tr-primary{color:#fff}.btn.btn-hDivideOutX.btn-tr-primary:hover,.btn.btn-hDivideOutY.btn-tr-primary:hover{color:#000}.btn.btn-tr-success{background-color:rgba(92,184,92,.2);border-color:#2e882e;color:#000}.btn.btn-tr-success:hover{color:#fff}.btn.btn-tr-success:hover:after,.btn.btn-tr-success:hover:before{background-color:#5cb85c;border-color:#2e882e;content:"";color:#333;position:absolute}.btn.btn-hDivideOutX.btn-tr-success,.btn.btn-hDivideOutY.btn-tr-success{color:#fff}.btn.btn-hDivideOutX.btn-tr-success:hover,.btn.btn-hDivideOutY.btn-tr-success:hover{color:#000}.btn.btn-hDivideOutX.btn-tr-success:after,.btn.btn-hDivideOutX.btn-tr-success:before,.btn.btn-hDivideOutY.btn-tr-success:after,.btn.btn-hDivideOutY.btn-tr-success:before{background:rgba(92,184,92,.8)}.btn.btn-tr-dark{background-color:rgba(0,0,0,.1);border-color:#000;color:#000}.btn.btn-tr-dark:hover:after,.btn.btn-tr-dark:hover:before{background-color:rgba(0,0,0,.8);border-color:#111;content:"";color:#333;position:absolute}.btn.btn-tr-dark:hover{color:#fff}.btn.btn-hBBottomLeft.btn-tr-dark:hover,.btn.btn-hBBottomRight.btn-tr-dark:hover,.btn.btn-hBorderBottom.btn-tr-dark:hover,.btn.btn-hBorderTop.btn-tr-dark:hover,.btn.btn-hBorderTopBottom.btn-tr-dark:hover,.btn.btn-hBorderTopLeft.btn-tr-dark:hover,.btn.btn-hBorderTopRight.btn-tr-dark:hover{color:#000}.btn.btn-hDivideOutX.btn-tr-dark:before,.btn.btn-hDivideOutY.btn-tr-dark:before{background:rgba(0,0,0,.1);color:#fff}.btn.btn-hDivideOutX.btn-tr-dark:after,.btn.btn-hDivideOutY.btn-tr-dark:after{background:rgba(0,0,0,.1)}.btn.btn-hDivideOutX.btn-tr-dark,.btn.btn-hDivideOutY.btn-tr-dark{color:#fff}.btn.btn-hDivideOutX.btn-tr-dark:hover,.btn.btn-hDivideOutY.btn-tr-dark:hover{color:#000}.btn.btn-tr-light{background-color:rgba(255,255,255,.2);border-color:#fff;color:#fff}.btn.btn-tr-light:hover{color:#000}.btn.btn-tr-light:hover:after,.btn.btn-tr-light:hover:before{background-color:rgba(255,255,255,.8);border-color:#ccc;content:"";color:#333;position:absolute}.btn.btn-hDivideOutX.btn-tr-light,.btn.btn-hDivideOutY.btn-tr-light{color:#000}.btn.btn-hBBottomLeft.btn-tr-light:hover,.btn.btn-hBBottomRight.btn-tr-light:hover,.btn.btn-hBorderBottom.btn-tr-light:hover,.btn.btn-hBorderTop.btn-tr-light:hover,.btn.btn-hBorderTopBottom.btn-tr-light:hover,.btn.btn-hBorderTopLeft.btn-tr-light:hover,.btn.btn-hBorderTopRight.btn-tr-light:hover,.btn.btn-hDivideOutX.btn-tr-light:hover,.btn.btn-hDivideOutY.btn-tr-light:hover{color:#fff}.btn.btn-hXeffect1.btn-tr-light:hover,.btn.btn-hXeffect2.btn-tr-light:hover{color:#888}