[class^="btn-"] {
	position: relative;
	display: block;
	overflow: hidden;

	height: 64px;  
	max-width: 360px;

	margin: 0px;
	margin-top: 20px;
	padding:0px;

	font-family: 'Comfortaa', sans-serif;
	font-size: 15px;
	font-weight: 400; 
	line-height: 64px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;

	color: rgba(255, 255, 255, 0.9);
	background-color: rgba(0, 0, 0, 0.33);

	border-style: solid;
	border-width: 2px;
	border-radius: 32px;
	border-color: rgba(255, 255, 255, 0.33);

	z-index: 1;
	transition: 0.25s ease-in-out;
}

@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
.btn-email {
}
.btn-email:before, .btn-email:after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  background-color: rgba(255, 32, 108, 0.5);
  border-radius: 50%;
  z-index: -1;
}
.btn-email:before {
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-email:after {
  right: -20px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.btn-email:hover {
	border-color: rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 0.9);
}
.btn-email:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
          animation: criss-cross-left 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.btn-email:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
          animation: criss-cross-right 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}