.purupuru01:hover{
  color: #fff;
  box-shadow: 0px 6px 0px 0px #24581d;
  bottom: 6px;
}
.purupuru01:active{
  box-shadow: 0px 0px 0px 0px #24581d;
  bottom: 0px;
}
.purupuru01:focus{
  outline:none;
}
.purupuru01{
  animation-name: purupuru;
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-direction: normal;
  animation-delay: 2s;
  border: solid 1px #0bb404;
  padding: 1em 2em;
  border-radius: 3px;
  background: linear-gradient(0deg, #0e9400, #08d005);
  color: #fff;
  position: relative;
  bottom: 0;
  transition: all 100ms;
}
@keyframes purupuru {
  1.5% { transform: scale(0.93); }
  4.5% { transform: scale(1); }
  7.5% { transform: scale(0.96); }
  9.5% { transform: scale(1); }
  11.5% { transform: scale(0.99); }
  13% { transform: scale(1); }
}