.submit{padding:.7em 1.7em;border:2px solid #17c3b2;position:relative;overflow:hidden;background-color:transparent;text-align:center;text-transform:uppercase;font-size:16px;-webkit-transition:.3s;transition:.3s;z-index:1;font-family:inherit;color:#17c3b2}.submit:before{content:"";width:0;height:300%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);background:#17c3b2;-webkit-transition:.5s ease;transition:.5s ease;display:block;z-index:-1}.submit:hover:before{width:105%}.submit:hover{color:#111}