.btn {
  width :86px;
  height :36px;
  box-sizing: border-box;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  font-size: 16px;
  line-height: 24px;
  border-radius: 6px;
}
.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus{
  outline: 0;
  box-shadow: none;
}
.btn:hover{
  box-shadow: 0px 8px 24px 0px #1214581F;
}
.btn.disabled{
  opacity: 0.3 !important;
  cursor: default !important;
}
/* btn primary */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus{
  color: #fff !important;
  background: #00A3E4 !important;
  border-color: #00A3E4 !important;
}
/* btn secondry */
.btn-secondry,
.btn-secondry:hover,
.btn-secondry:focus{
  color: #00A3E4 !important;
  background: transparent !important;
  border-color: #00A3E4 !important;
}
.btn-secondry img{
  margin-right: 5px;
}
/* btn white */
.btn-white,
.btn-white:hover,
.btn-white:focus{
  color: #00A3E4 !important;
  background: #fff !important;
  border-color:  #fff !important;
}
/* btn google */
.btn-google,
.btn-google:hover,
.btn-google:focus{
  color: #030404 !important;
  background: #fff !important;
  border-color: #C4C4C4 !important;
  height: 56px !important;
}
.btn-google img{
  margin-right: 24px;
}
/* btn large */
.btn-large{
  width: 200px;
  height: 48px;
}
.btn-full{
  width: 100%;
  height: 48px;
}

/* btn link */
.btn-link{
  color: #121458;
  font-size: 16px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
}
.btn-link img{
  margin-left: 8px;
  transition: all .3s ease-in-out;
}
.btn-link:hover img{
  transform: translateX(5px);
}
@media screen and (max-width: 991px) {
  .btn-google,
  .btn-google:hover,
  .btn-google:focus{
    height: 45px !important;
  }
  .btn-full{
    height: 45px !important;
  }
}