@import url(http://fonts.googleapis.com/css?family=Open+Sans:400|Raleway:300);
html *,
html *:before,
html *:after {
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
html i, html em,
html b, html strong,
html span {
  -webkit-transition: none;
  transition: none;
}

*:before,
*:after {  z-index:-1;
}


a {
  text-decoration: none;
 
  color: black;
    z-index: 2;

}



[class^="btn-"] {
  position: relative;
  display: block;
  height: 40px; width:166px;
  line-height:40px;
  max-width: 250px;
  text-transform: uppercase;
  overflow: hidden;
  background: #cbcbcb;
     margin-left:10px;
}


.btn-2 {
  color: #282828;
  text-align:center;

   
}
.btn-2:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #139dd7;
  position: absolute;
  bottom: 0;
  left: 0;
}
.btn-2:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #139dd7 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.btn-2:hover {
  color: #fff;
}
.btn-2:hover:before {
  border-width: 165px 0 0 165px;
}
.btn-2:hover:after {
  border-width: 0 165px 165px 0;
}