.btn {
  width: 140px;
  height: 50px;
  background: linear-gradient(to top, #A8529C, #E78CD8, #23487f);
  color: #fff;
  border-radius: 50px;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.btn span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: top 0.5s;
  color: white;
}

.btn-text-one {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.btn-text-two {
  position: absolute;
  width: 100%;
  top: 150%;
  left: 0;
  transform: translateY(-50%);
}

.btn:hover .btn-text-one {
  top: -100%;
}

.btn:hover .btn-text-two {
  top: 50%;
}

/*---==========================================-----
-----==================boton_neon ===============-----
-----=========================================-----*/

button2 {
 --glow-color: #e3e1e6;
 --glow-spread-color: #e3e1e6;
 --enhanced-glow-color: rgb(231, 206, 255);
 --btn-color: #e3e1e6;
 border: .25em solid#d9c5e8;
 color: #AE84A6;
 background-color:#a25eb5;
 border-radius: 1em;
 outline: none;
 box-shadow: 0 0 3em .1em #C59ECF,
        inset 0 0 .0em .1em #C59ECF;
 text-shadow: 0 0 .5em #C59ECF;
 position: relative;
 transition: all 0.3s;
 margin-top: 11px;
 display: inline-block; 
 font-size: 17px; 
 font-weight: 500; 
 line-height: 1.375; 
 min-width: 200px;
 padding: 21px 37px;	
}

button2::after {
 pointer-events: none;
 content: "";
 position: absolute;
 top: 120%;
 left: 0;
 height: 100%;
 width: 100%;
 filter: blur(2em);
 opacity: .7;
 transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
}

button2:hover {
 color: var(--btn-color);
 background-color: #9F5DB4 ;
 box-shadow: 0 0 1em .5em #D8BFD8,
        0 0 1em .1em #C59ECF,
        inset 0 0 .75em .25em #9F5DB4;
}

button2:active {
 box-shadow: 0 0 0.6em .25em #9F5DB4,
        0 0 2.5em 2em #C59ECF,
        inset 0 0 .5em .25em #C59ECF;
}

/*---==========================================-----
-----==================boton_formulario ===============-----
-----=========================================-----*/
button {
  font-family: monospace;
  background-color:#E8BE45;
  color: #fff;
  border: none;
  border-radius: 8px;
  width: 243px;
  height: 45px;
  transition: .3s;
}

button:hover {
  background-color: #28565a;
  box-shadow: 0 0 0 5px #B8A6B4;
  color: #fff;
}