button {
  cursor: pointer;
  position: relative;
  padding: 0.3rem 3.5rem;
  border-radius: 3.75rem;
  font-size: 1.5rem;
  font-weight: 600;
  border: 1px solid #012880;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF89D6), to(#C01F9E));
  background-image: linear-gradient(-180deg, #FF89D6 0%, #C01F9E 100%);
  -webkit-box-shadow: 0 1rem 1.25rem 0 rgba(22, 75, 195, 0.5), 0 -0.25rem 1.5rem #6e0f9b inset, 0 0.75rem 0.5rem rgba(255, 255, 255, 0.4) inset, 0 0.25rem 0.5rem 0 #b446cf inset;
          box-shadow: 0 1rem 1.25rem 0 rgba(22, 75, 195, 0.5), 0 -0.25rem 1.5rem #6e0f9b inset, 0 0.75rem 0.5rem rgba(255, 255, 255, 0.4) inset, 0 0.25rem 0.5rem 0 #b446cf inset;
}

button span {
  color: transparent;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#EE82DA), to(#FEFAFD));
  background-image: linear-gradient(0deg, #EE82DA 0%, #FEFAFD 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-filter: drop-shadow(0 2px 2px #550066);
          filter: drop-shadow(0 2px 2px #550066);
}

button::before {
  content: "";
  display: block;
  height: 0.25rem;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 7.5rem);
  background: #fff;
  border-radius: 100%;
  opacity: 0.7;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, #FFFFFF), color-stop(80%, #FFFFFF), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255, 255, 255, 0) 100%);
}

button::after {
  content: "";
  display: block;
  height: 0.25rem;
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 7.5rem);
  background: #fff;
  border-radius: 100%;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  opacity: 0.05;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, #FFFFFF), color-stop(80%, #FFFFFF), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255, 255, 255, 0) 100%);
}
/*# sourceMappingURL=button.css.map */