.btn{background:none;cursor:pointer;width:100%;padding:5% 2%;display:inline-block;margin:2% 2% 3% 0;text-transform:uppercase;font-size:1.1em;letter-spacing:1px;font-weight:400;text-align:center;outline:none;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;border:1px solid #4444!important}
.btn:hover{color:#fff}
.btn:after{content:'';position:absolute;z-index:-1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.btn-1{border:1px solid #000;color:#000}
.btn-1c:after{width:0;height:100%;top:0;left:0;background:#ed1c24;color:#fff}
.btn-1c:hover,.btn-1c:active{color:#fff}
.btn-1c:hover:after,.btn-1c:active:after{width:100%}