@-webkit-keyframes sheen {
  0% {
    transform: skewY(-45deg) translateX(0);
  }
  100% {
    transform: skewY(-45deg) translateX(12.5em);
  }
}
@keyframes sheen {
  0% {
    transform: skewY(-45deg) translateX(0);
  }
  100% {
    transform: skewY(-45deg) translateX(12.5em);
  }
}
.wrapper {
  display: block;
  position: absolute;
  top: 49.5%;
  left: 21.7%;
  transform: translate(-50%, -50%);
}

.button {
  width:10vw;
  padding: 0.1em 0.7em 0.1em 0.7em;
  text-align: center;
  text-decoration: none;
  color: #4a05f9;

  border: 2px solid #972611;
  border-radius:40px;
  font-size: 18px;
  font-weight: 600;
	font-style:italic;
  text-shadow:
      0.5px  0.5px 0.5px #fff,
      -0.5px  0.5px 0.5px #fff,
       0.5px -0.5px 0.5px #fff,
      -0.5px -0.5px 0.5px #fff,
       0.5px  0px 0.5px #fff,
       0px  0.5px 0.5px #fff,
      -0.5px  0px 0.5px #fff,
       0px 5px 5px #000;
	
  display: inline-block;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  box-shadow: 5px 5px 3px rgba(0,0,0,0.5); 
}
.button:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  transform: skewX(-45deg) translateX(0);
  transition: none;
}
.button:hover {
  background-color: #2194E0;
  color: #4a05f9;
  border-bottom: 4px solid #1977b5;
}
.button:hover:before {
  transform: skewX(-45deg) translateX(20em);
  transition: all 0.5s ease-in-out;
}


.button_sp {
  width:80%;
  padding: 0.1em;
  text-align: center;
  text-decoration: none;
  color: #4a05f9;

  border: 2px solid #972611;
  border-radius:40px;
  font-size: 6vw;
  font-weight: 600;
	font-style:italic;
  text-shadow:
      0.5px  0.5px 0.5px #fff,
      -0.5px  0.5px 0.5px #fff,
       0.5px -0.5px 0.5px #fff,
      -0.5px -0.5px 0.5px #fff,
       0.5px  0px 0.5px #fff,
       0px  0.5px 0.5px #fff,
      -0.5px  0px 0.5px #fff,
       0px 5px 5px #000;
	
  display: inline-block;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  box-shadow: 5px 5px 3px rgba(0,0,0,0.5); 
}
.button_sp:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  transform: skewX(-45deg) translateX(0);
  transition: none;
}
.button_sp:hover {
  background-color: #2194E0;
  color: #4a05f9;
  border-bottom: 4px solid #1977b5;
}
.button_sp:hover:before {
  transform: skewX(-45deg) translateX(20em);
  transition: all 0.5s ease-in-out;
}