@charset "utf-8";
/* CSS Document */
.btn {
  padding: 15px 25px;
  margin: 10px;
  border: none;
  cursor: pointer;
  font-size: 20px;
  transition: all 0.5s ease;
}

/* 1. Pulse Animation */
.btn-pulse {
  background-color: #800080;
  color: #ffffff;
  animation: pulse 1.3s infinite;
}

.btn-pulse-2 {
  background-color: #3D1EE8;
  color: #ffffff;
  animation: pulse 1.2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.btn-pulse:hover::after {
  width: 100%;
}

.btn-pulse:hover {
  color: #ffffff;
}
.btn-pulse:after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #8A2BE2;
  transition: width 0.3s ease;
  z-index: -1;
}