a.btn3{text-decoration:none;display:inline-block}.btn3{color:#222;text-decoration:none;font-family:sans-serif;font-size:18px;position:relative;padding:10px 50px 10px 20px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.btn3 .bg{background:#222;width:30px;height:2px;position:absolute;right:0;top:50%;margin-top:-1px;z-index:-1;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.btn3:hover{padding-right:20px;color:#fff}.btn3:hover .bg{height:60%;width:100%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border-radius:7px}.btn3 .bg:before,.btn3 .bg:after{content:'';height:2px;width:10px;background:#222;position:absolute;right:-2px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.btn3 .bg:before{bottom:3px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.btn3 .bg:after{top:3px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.btn3:hover .bg:before,.btn3:hover .bg:after{right:0}.btn3:hover .bg:before{bottom:6px}.btn3:hover .bg:after{top:6px}