.button {
  position: relative;
  color: white;
  text-decoration: none;
  display: inline-block;
  text-transform: capitalize;
  letter-spacing: 1px;
  border: 2px solid white;
  border-radius: 1000px;
  padding: 5px 20px;
  /* margin: 40px; */
  box-shadow: 0 2px 5px 0 rgba(3, 6, 26, 0.15);
  transition: 0.5s all ease-in-out;
}
.button:hover {
  cursor: pointer;
  /* background: white;
  color: #1F4141; */
  text-decoration: none;	
  -webkit-animation: none;
          animation: none;
}

.button-wiggle {
  -webkit-animation: wiggle 4s 2s infinite;
          animation: wiggle 4s 2s infinite;
}

@-webkit-keyframes wiggle {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
  }
  25% {
    transform: scale(1.15) rotate(5deg);
  }
  30% {
    transform: scale(1.15) rotate(-3deg);
  }
  35% {
    transform: scale(1.15) rotate(2deg);
  }
  40% {
    transform: scale(1.15) rotate(0);
  }
}

@keyframes wiggle {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
  }
  25% {
    transform: scale(1.15) rotate(5deg);
  }
  30% {
    transform: scale(1.15) rotate(-3deg);
  }
  35% {
    transform: scale(1.15) rotate(2deg);
  }
  40% {
    transform: scale(1.15) rotate(0);
  }
}
.button-pulse {
  -webkit-animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
          animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
  box-shadow: 0 0 0 0 white;
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
  }
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
  }
}
.button-float {
  -webkit-animation: float 1.5s linear alternate infinite;
          animation: float 1.5s linear alternate infinite;
}

@-webkit-keyframes float {
  50% {
    transform: translateY(-px);
  }
  100% {
    transform: translateY(-18px);
  }
}

@keyframes float {
  50% {
    transform: translateY(-px);
  }
  100% {
    transform: translateY(-18px);
  }
}

.outline-blue{
	color: #244ea2;
	border-color: #244ea2;
}

.outline-blue:hover{
	background-color: #244ea2;
	color: white;
}

.outline-gold{
	color: #D0A975;
	border-color: #D0A975;
}

.outline-gold:hover{
	background-color: #D0A975;
	color: white;
}


/*btn đăng kí*/
.btn_send_fix {
    margin-top: 15px;
    color: #fff;
}


.btn-dangki {
    padding: 15px 35px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin-top: 15px;
    font-size: 30px;
	background-color: #b91111 !important;
    border: 2px solid #f5c775 !important;
    border-radius: 25px !important;
}
.btn-dangki:hover{ color: white !important; }