.btnteste{
    background:#1AAB8A;
    color:#fff;
    border:none;
    position:relative;
    height:60px;
    font-size:1.6em;
    padding:0 2em;
    cursor:pointer;
    transition:800ms ease all;
    outline:none;
  }
  .btnteste:hover{
    background:#09edb9;
    color:#ffffff;
  }
  .btnteste:before,.btnteste:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background: #1AAB8A;
    transition:400ms ease all;
  }
  .btnteste:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
  }
  .btnteste:hover:before,.btnteste:hover:after{
    width:100%;
    transition:800ms ease all;
  }
  
  
  body:before{
    content:'';
    height:100%;
    display:inline-block;
    vertical-align:middle;
  }
  
  
  .btnteste2{
    background:#bf1515;
    color:#fff;
    border:none;
    position:relative;
    height:60px;
    font-size:1.6em;
    padding:0 2em;
    cursor:pointer;
    transition:800ms ease all;
    outline:none;
  }
  .btnteste2:hover{
    background:#fc0303;
    color:#ffffff;
  }
  .btnteste2:before,.btnteste2:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background: #bf1515;
    transition:400ms ease all;
  }
  .btnteste2:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
  }
  .btnteste2:hover:before,.btnteste2:hover:after{
    width:100%;
    transition:800ms ease all;
  }
  
  
  body:before{
    content:'';
    height:100%;
    display:inline-block;
    vertical-align:middle;
  }
  
  
  
  
  .btnteste3{
    background:#2c20ab;
    color:#fff;
    border:none;
    position:relative;
    height:60px;
    font-size:1.6em;
    padding:0 2em;
    cursor:pointer;
    transition:800ms ease all;
    outline:none;
  }
  .btnteste3:hover{
    background:#1600ff;
    color:#ffffff;
  }
  .btnteste3:before,.btnteste3:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background: #2548f7;
    transition:400ms ease all;
  }
  .btnteste3:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
  }
  .btnteste3:hover:before,.btnteste3:hover:after{
    width:100%;
    transition:800ms ease all;
  }
  
  
  body:before{
    content:'';
    height:100%;
    display:inline-block;
    vertical-align:middle;
  }

  .btnteste4{
    background:#1a1a1a;
    color:#fff;
    border:none;
    position:relative;
    height:35px;
    width: 200px;
    border-radius: 10px;
    font-size:1.2em;
    cursor:pointer;
    transition:800ms ease all;
    outline:none;
  }
  .btnteste4:hover{
    background:#2c2c2c;
    color:#ffffff;
  }
  .btnteste4:before,.btnteste4:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background: #505050;
    transition:400ms ease all;
  }
  .btnteste4:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
  }
  body:before{
    content:'';
    height:100%;
    display:inline-block;
    vertical-align:middle;
  }
    .btnteste5{
    background:#1a1a1a;
    color:#fff;
    border:none;
    position:relative;
    height:35px;
    width: 60px;
    border-radius: 10px;
    font-size:1.2em;
    cursor:pointer;
    transition:800ms ease all;
    outline:none;
  }
  .btnteste5:hover{
    background:#2c2c2c;
    color:#ffffff;
  }
  .btnteste5:before,.btnteste5:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background: #505050;
    transition:400ms ease all;
  }
  .btnteste5:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
  }
  
    .btnteste6{
    background:#ffd036;
    color:#fff;
    border:none;
    position:relative;
    height:60px;
    font-size:1.6em;
    padding:0 2em;
    cursor:pointer;
    transition:800ms ease all;
    outline:none;
  }
  .btnteste6:hover{
    background:#ffb300;
    color:#ffffff;
  }
  .btnteste6:before,.btnteste6:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background: #f7b525;
    transition:400ms ease all;
  }
  .btnteste6:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
  }
  .btnteste6:hover:before,.btnteste6:hover:after{
    width:100%;
    transition:800ms ease all;
  }
  
  
  body:before{
    content:'';
    height:100%;
    display:inline-block;
    vertical-align:middle;
  }