.angled-gradient-button {
  background-size: 220%;
  -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.15);
  color: #52fefe;
  background-color: transparent;
  background-position: 100%;
  border: 3px solid #52fefe;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 3px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  font-weight: 900;
  cursor: pointer;
  letter-spacing: 2px;
  background-image: linear-gradient(110deg, #52fefe 0%, #52fefe 50%, transparent 50%, transparent 100%);
  font-size: 14px;
}

.angled-gradient-button:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.25);
  background-position: 0;
  color: #333;
}

.angled-gradient-button:active {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
/*# sourceMappingURL=btn.css.map */