@charset "UTF-8";
/* CSS Document */


.Con-Btn-Light-100 form a {

  position: relative;
  display: inline-block;
	width:30%;
	left:50%;
	margin-left:-15%;
  padding: 20px 0px 20px 0px;
  color: #FA00BF;
  font-size: 18px;
	text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  transition: .5s;
  margin-top: 20px;
	margin-bottom: 20px;
	  background-color:transparent;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}

 .Con-Btn-Light-100 a:hover {
  background-color:#FA00BF;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px #FA00BF,
              0 0 25px #FA00BF,
              0 0 50px #FA00BF,
              0 0 100px #FA00BF;
	
}

 .Con-Btn-Light-100 a span {
  position: absolute;
  display: block;
}

 .Con-Btn-Light-100 a span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #FA00BF);
  animation: btn-anim1 2s linear infinite;
}

@keyframes btn-anim1 {
  0% {
    left: -100%;
  }
  50%,100% {
    left: 100%;
  }
}

.Con-Btn-Light-100 a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #FA00BF);
  animation: btn-anim2 2s linear infinite;
  animation-delay: .5s
}

@keyframes btn-anim2 {
  0% {
    top: -100%;
  }
  50%,100% {
    top: 100%;
  }
}

.Con-Btn-Light-100 a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 1px;
  background: linear-gradient(270deg, transparent, #FA00BF);
  animation: btn-anim3 2s linear infinite;
  animation-delay: 1s
}

@keyframes btn-anim3 {
  0% {
    right: -100%;
  }
  50%,100% {
    right: 100%;
  }
}

.Con-Btn-Light-100 a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #FA00BF);
  animation: btn-anim4 2s linear infinite;
  animation-delay: 1.5s
}

@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }
  50%,100% {
    bottom: 100%;
  }
}


/* SMARTPHONE PORTRAIT */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	
.Con-Btn-Light-100 form a {
	width:90%;
	left:5%;
	margin-left:0%;
}
	
	

}



