.btn-blue {
  padding: 7.5px 24px;
  color: #fff;
  background: #0d6efd;
  border-radius: 96px;
  animation: glowing 1200ms infinite;
  /*box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);*/

}
.btn-blue:hover,
.btn-blue:focus {
  background: #0d6efd;
  color: #fff;
}
@keyframes glowing {
  0% {
    box-shadow: 0 0 1px #0d6efd;
  }
  50% {
    box-shadow: 0 0 10px #0d6efd;
  }
  100% {
    box-shadow: 0 0 1px #0d6efd;
  }
}
.btn-blue2 {
  padding: 7.5px 24px;
  color: #fff;
  background: #0d6efd;
  border-radius: 96px;
  /*box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);*/

}
.btn-blue2:hover,
.btn-blue2:focus {
  background: #0d6efd;
  color: #fff;
}
@keyframes glowing {
  0% {
    box-shadow: 0 0 1px #0d6efd;
  }
  50% {
    box-shadow: 0 0 10px #0d6efd;
  }
  100% {
    box-shadow: 0 0 1px #0d6efd;
  }
}
.btn-line {
  display: inline-block;
  text-align: center;
  background: #00B900 !important;
  color: #fff !important;
  border-color: #00B900 !important;
  font-size: 20px;
  font-weight: bold;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-radius: 50px !important;
  margin-bottom: 10px !important;
  animation: glowing-line 1200ms infinite;
}

@keyframes glowing-line {
  0% {
    box-shadow: 0 0 1px #00B900;
  }
  50% {
    box-shadow: 0 0 10px #00B900;
  }
  100% {
    box-shadow: 0 0 1px #00B900;
  }
}


.btn-line img {
  height: 30px;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .btn-line {
    font-size: 16px !important;
  }
}
.btn-grey {
  background: #DBE1ED !important;
  color: #2F3034 !important;
  border-color: #DBE1ED !important;
}


.btn-topup {
  padding: 7.5px 24px;
  color: #fff;
  background: #06c755;
  border-radius: 96px;
  animation: glowing-topup 1200ms infinite;
  /*box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);*/

}
.btn-topup:hover,
.btn-topup:focus {
  background: #06c755;
  color: #fff;
}
@keyframes glowing-topup {
  0% {
    box-shadow: 0 0 1px #fff;
  }
  50% {
    box-shadow: 0 0 10px #fff;
  }
  100% {
    box-shadow: 0 0 1px #fff;
  }
}