@keyframes sporeButton-bulp {
  from { transform: scale(1); }
  25% { transform: scale(1.1); }
  to { transform: scale(1); }
}

.sporeButton {
  display: inline-block;
  position: relative;
  border: 0.125rem solid hsl(0, 0%, 7%);
  border-radius: 50rem;
  padding: 0.3125em 0.7em;
  font-family: 'Trebuchet MS', sans-serif;
  font-weight: 700;
  background-color: #aa932c;
  color: #fff;
  text-shadow: 0 0 0.2em black, 0 0 0.2em black;
  text-decoration: none !important;
  transition: .05s linear transform;
  cursor: pointer;
}

.sporeButton::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  box-shadow:
    0.125rem 0.125rem 0.0625rem 0 hsl(0, 0%, 100%, .7) inset,
    -0.125rem -0.125rem 0.0625rem 0 hsl(0, 0%, 0%, .1) inset,
    0 0 0.1875em 0.1875em hsl(0, 0%, 0%, .3) inset;
  content: '';
}

.sporeButton:hover:not(:active) {
  color: #f4e999;
  background-color: #ecdd7b;
  animation: sporeButton-bulp .1s linear;
}

.sporeButton:active {
  border-color: #f6d542;
  color: #f4e999;
  background-color: #aa932c;
  transform: scale(.9);
}

.sporeButton:disabled,
.sporeButton.disabled {
  background-color: #9c9b9b;
}